<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<title>千锋HTML5培训课程|WEB前端培训|H5培训-千锋教育</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="renderer" content="webkit" />
		<meta
			name="keywords"
			conetent="HTML5培训,h5培训,HTML5课程,移动前端培训,WEB前端培训,前端培训,前端开发培训,移动前端开发"
		/>
		<meta
			name="description"
			content="千锋教育web前端培训课程，融合了HTML5培训课程、CSS3基础课程和移动前端交互JavaScript+JQuery+Ajex课程。千锋教育H5培训拥有最完善的移动前端开发，提供最专业的移动前端培训课程。"
		/>
		<link rel="stylesheet" href="http://img.mobiletrain.org/templates/mobiletrain/css/base_index.css" />
		<link rel="stylesheet" href="http://img.mobiletrain.org/templates/mobiletrain/css/reset.css" />
		<link rel="stylesheet" href="http://img.mobiletrain.org/templates/mobiletrain/css/swiper.css" />
		<link rel="stylesheet" href="http://img.mobiletrain.org/templates/mobiletrain/css/qf-2020-html5.css" />
		<link rel="stylesheet" href="http://img.mobiletrain.org/templates/mobiletrain/css/botFormRightBtn.css" />
		<link rel="stylesheet" href="http://img.mobiletrain.org/templates/mobiletrain/css/animate.min.css" />
		<style>
			.lygf .lygf-top ul li img {
				animation: aniRotate 5s infinite;
			}
			@keyframes aniRotate {
				0% {
					transform: rotateY(0);
				}
				50% {
					transform: rotateY(360deg);
				}
				100% {
					transform: rotateY(0);
				}
			}
			.sxrq-con li:hover h4 {
				margin-top: -10px;
			}
			.content .typeArea .whyStudy .btn1 a,
			.content .typeArea .btn a,
			.c6-warp2 a,
			.content .typeArea .upgrade .btn a,
			.nbtn {
				animation: mscale 1s infinite;
				-webkit-animation: mscale 1s infinite;
			}
			@keyframes mscale {
				0% {
					transform: scale(1);
				}
				50% {
					transform: scale(1.2);
				}
				100% {
					transform: scale(1);
				}
			}
			.c6-cont2 ul li .c11_add_teacher_info {
				animation: mrotate 0.5s;
				-webkit-animation: mrotate 0.5s;
			}
			@keyframes mrotate {
				0% {
					transform: scale(0);
				}
				100% {
					transform: scale(1);
				}
			}
			.content .typeArea .upgrade .holographic .circle .u2 li:hover {
				background: linear-gradient(-90deg, #63c9f8, #3160f6) !important;
			}
			.echart-img1 {
				display: flex;
				width: 567px;
				height: 344px;
				margin: 20px auto 54px 17px;
				background: url(http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/fzqj-1-new.png)
					no-repeat;
				background-size: cover;
			}
			.echart-content {
				display: flex;
				justify-content: space-between;
				align-items: flex-end;
				width: 351px;
				margin-left: 74px;
				padding-bottom: 22px;
			}
			.echart-content div {
				position: relative;
				width: 22px;
				text-align: center;
				background: linear-gradient(90deg, #55c4ff, #3463f5);
			}
			.echart-content div span {
				position: absolute;
				top: -22px;
				left: -10px;
				color: #e84c3f;
			}
			@keyframes ani1 {
				0% {
					height: 0;
				}
				100% {
					height: 99px;
				}
			}
			@keyframes ani2 {
				0% {
					height: 0;
				}
				100% {
					height: 119px;
				}
			}
			@keyframes ani3 {
				0% {
					height: 0;
				}
				100% {
					height: 160px;
				}
			}
			@keyframes ani4 {
				0% {
					height: 0;
				}
				100% {
					height: 197px;
				}
			}
			@keyframes ani5 {
				0% {
					height: 0;
				}
				100% {
					height: 212px;
				}
			}

			.echart-img2 {
				display: flex;
				width: 567px;
				height: 344px;
				margin: 20px auto 54px 17px;
				background: url(http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/fzqj-2-new.png)
					no-repeat;
				background-size: cover;
			}
			.echart-content2 {
				display: flex;
				justify-content: space-between;
				align-items: flex-end;
				width: 414px;
				margin-left: 64px;
				padding-bottom: 6px;
			}
			.echart-content2 div {
				position: relative;
				width: 22px;
				text-align: center;
				background: linear-gradient(90deg, #55c4ff, #3463f5);
			}
			.echart-content2 div span {
				position: absolute;
				top: -22px;
				left: -10px;
				color: #e84c3f;
			}
			@keyframes ani21 {
				0% {
					height: 0;
				}
				100% {
					height: 102px;
				}
			}
			@keyframes ani22 {
				0% {
					height: 0;
				}
				100% {
					height: 136px;
				}
			}
			@keyframes ani23 {
				0% {
					height: 0;
				}
				100% {
					height: 30px;
				}
			}
			@keyframes ani24 {
				0% {
					height: 0;
				}
				100% {
					height: 98px;
				}
			}
			@keyframes ani25 {
				0% {
					height: 0;
				}
				100% {
					height: 55px;
				}
			}
			@keyframes ani26 {
				0% {
					height: 0;
				}
				100% {
					height: 45px;
				}
			}
			@keyframes ani27 {
				0% {
					height: 0;
				}
				100% {
					height: 30px;
				}
			}
			@keyframes ani28 {
				0% {
					height: 0;
				}
				100% {
					height: 29px;
				}
			}
			@keyframes ani29 {
				0% {
					height: 0;
				}
				100% {
					height: 213px;
				}
			}
			.xxlx .xxlx-con ul li p {
				transition: background-color 0.8s;
				transition: color 0.8s;
			}
			.xxlx .xxlx-con ul li p:hover {
				background-color: #4384f6;
				color: #fff;
			}
		</style>
	</head>
	<script>
		if (window.screen.width <= 640) {
			location.href = "http://wap.mobiletrain.org/html5.html";
		}
	</script>
	<script>
		var _hmt = _hmt || [];
		(function () {
			var hm = document.createElement("script");
			hm.src = "https://hm.baidu.com/hm.js?c30e6b656e616c880ba37c3e94139b2a";
			var s = document.getElementsByTagName("script")[0];
			s.parentNode.insertBefore(hm, s);
		})();
	</script>

	<body>
		<!-- 右侧固定按钮 -->
		<div class="right-fixed-btn">
  <a
    href="https://tb.53kf.com/code/client/10132404/7"
    rel="nofollow"
    target="_blank"
  >
    <img
      src="http://www.qfedu.com/imgs2022/right-fixed-face.png" 
    />
    <p class="bubble">小小千想和您聊一聊</p>
  </a>
</div>


		<!-- 底部固定表单 -->
		<div class="bottom-fixed-form clearfix">
		<p class="fl">
			<span>今日优惠</span><br>
			海量VIP视频教程</span>
		</p>
		<div class="fl"><input type="text" name="bottom-name" placeholder="如何称呼您？"></div>
		<div class="fl"><input type="text" name="bottom-mobile" placeholder="您的手机？"></div>
		<div class="fl" style="position: relative;">
			<input type="text" name="bottom-token" placeholder="验证码">
			<img src="" class="tokenImg" style="position: absolute; top: 0; right: 0; height: 100%;" alt="">
		</div>

		<div class="fl" style="display: none;"><input type="text" name="bottom-qq" placeholder="您的QQ？"></div>
		<a class="fl" href="javascript:;" onclick="trDataV2('bottom-name', 'bottom-mobile', 'bottom-qq', 'bottom-token')">点击立即领取</a>
	</div>

		<link rel="stylesheet" href="http://img.mobiletrain.org/css/it/css/header.css?v=1" />
<header style="z-index: 1; position: relative">
	<div class="header">
		<div class="left">
			<p class="title-wrap">
				<a class="title" href="http://www.mobiletrain.org/page/it/">首页</a>
			</p>
			<p class="title-wrap">
				<a class="title" href="https://tb.53kf.com/code/client/10132404/7" rel="nofollow" target="_blank"
					>试学</a
				>
			</p>
		</div>
		<div class="right">
			<p class="title-wrap">
				<a class="title" href="https://tb.53kf.com/code/client/10132404/7" rel="nofollow" target="_blank"
					>点击预约课程
				</a>
			</p>
			<p class="title-wrap">
				<a class="title" href="https://tb.53kf.com/code/client/10132404/7" rel="nofollow" target="_blank"
					>在线咨询</a
				>
			</p>
		</div>
	</div>
</header>
<div class="nav">
	<a href="/">
		<img src="http://img.mobiletrain.org/css/it/images/logo.png" class="logo" />
	</a>
	<div class="right">
		<div class="item">
			<a href="/page/it/" class="nav-title">首页</a>
		</div>
		<div class="item">
			<a class="nav-title" href="/page/html5.html">HTML5</a>
		</div>
		<div class="item">
			<a class="nav-title" href="/java/">Java</a>
		</div>
		<div class="item">
			<a class="nav-title" href="/page/python/">Python</a>
		</div>
		<div class="item">
			<a class="nav-title" href="/page/ui.html">UI/UE</a>
		</div>
		<div class="item drop">
			<a class="nav-title">热门学科</a>
			<div class="drop-wrap">
				<div class="drop-parent">
					<a class="drop-item" href="/linux/">
						<img src="http://img.mobiletrain.org/css/it/images/course1.png" style="margin: 0 auto" alt="" />
						<p class="course-title">云计算</p>
					</a>
					<a class="drop-item" href="/jingjia/bjrjcs/">
						<img src="http://img.mobiletrain.org/css/it/images/course2.png" style="margin: 0 auto" alt="" />
						<p class="course-title">软件测试</p>
					</a>
					<a class="drop-item" href="/page/wlaq/">
						<img src="http://img.mobiletrain.org/css/it/images/course3.png" style="margin: 0 auto" alt="" />
						<p class="course-title">网络安全</p>
					</a>
					<a class="drop-item" href="/big_data/">
						<img src="http://img.mobiletrain.org/css/it/images/course4.png" style="margin: 0 auto" alt="" />
						<p class="course-title">大数据</p>
					</a>
					<a class="drop-item" href="/page/wlw/">
						<img src="http://img.mobiletrain.org/css/it/images/course5.png" style="margin: 0 auto" alt="" />
						<p class="course-title">物联网</p>
					</a>
					<a class="drop-item" href="/vr/">
						<img src="http://img.mobiletrain.org/css/it/images/course6.png" style="margin: 0 auto" alt="" />
						<p class="course-title">Unity</p>
					</a>
					<a class="drop-item" href="/newMedia/">
						<img src="http://img.mobiletrain.org/css/it/images/course7.png" style="margin: 0 auto" alt="" />
						<p class="course-title">全媒体营销</p>
					</a>
					<a class="drop-item" href="/video-clip/">
						<img src="http://img.mobiletrain.org/css/it/images/course8.png" style="margin: 0 auto" alt="" />
						<p class="course-title">影视剪辑</p>
					</a>
					<a class="drop-item" href="/page/original-painting/">
						<img src="http://img.mobiletrain.org/css/it/images/course9.png" style="margin: 0 auto" alt="" />
						<p class="course-title">游戏原画</p>
					</a>
					<!-- <a class="drop-item" href="/page/go/">
						<img
							src="http://img.mobiletrain.org/css/it/images/course10.png"
							style="margin: 0 auto"
							alt=""
						/>
						<p class="course-title">区块链</p>
					</a> -->
				</div>
			</div>
		</div>
		<div class="item">
			<a class="nav-title" href="/page/it/video.html">免费教程</a>
		</div>
		<div class="item">
			<a class="nav-title" href="/page/it/teachers.html">师资团队</a>
		</div>
		<div class="item">
			<a class="nav-title" href="/page/it/about.html">关于我们</a>
		</div>
	</div>
</div>
<script>
	var navDropList = document.querySelectorAll(".nav .right .drop .drop-wrap");
	for (var i = 0; i < navDropList.length; i++) {
		// navDropList[i].style.width = document.body.clientWidth + "px";
		navDropList[i].style.left = -navDropList[i].getBoundingClientRect().left + "px";
	}
	function db(fn) {
		var timer = null;
		return function () {
			if (timer) {
				clearTimeout(timer);
			}
			timer = setTimeout(function () {
				fn();
			}, 300);
		};
	}
	window.onload = function () {
		var navDropList = document.querySelectorAll(".nav .right .drop .drop-wrap");
		window.onresize = db(function () {
			for (var i = 0; i < navDropList.length; i++) {
				navDropList[0].style.left = "0px";
				navDropList[i].style.left = -navDropList[i].getBoundingClientRect().left + "px";
			}
		});
	};
</script>

		<div class="content"><!-- banner区域 -->
<div class="bannerHear swiper-container" style="margin-bottom: 39px">
	<div class="swiper-wrapper">
		<div
			class="swiper-slide"
			style="
				background: url('http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/banner6.jpg')
					no-repeat;
				background-size: 1920px 580px;
				background-position: top center;
			"
		>
			<div class="banner-cli">
				<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank"></a>
			</div>
		</div>
		<div
			class="swiper-slide"
			style="
				background: url('http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/banner5.jpg')
					no-repeat;
				background-size: 1920px 580px;
				background-position: top center;
			"
		>
			<div class="banner-cli">
				<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank"></a>
			</div>
		</div>
		<div
			class="swiper-slide"
			style="
				background: url('http://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-html5/banner5.jpg')
					no-repeat;
				background-size: 1920px 580px;
				background-position: top center;
			"
		>
			<div class="banner-cli">
				<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank"></a>
			</div>
		</div>
		<div
			class="swiper-slide"
			style="
				background: url('http://img.mobiletrain.org/templates/mobiletrain/images/qf-2018-html5/h5-1.jpg')
					no-repeat;
				background-size: 1920px 580px;
				background-position: top center;
			"
		>
			<div class="banner-cli">
				<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank"></a>
			</div>
		</div>
	</div>
	<div class="banner-pagination swiper-pagination"></div>
	<div class="banner20170923_wrap"></div>
</div>
<div class="kaibanPhoto">
	<div class="typeArea">
		<div class="courseIntroduce">
			<ul class="wow fadeInDown">
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/icon1@3x.png"
						alt="web前端培训六维全息课程"
					/>
					<p>课程体系颠覆升级</p>
					<h3>六维全息课程</h3>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/icon2@3x.png"
						alt="web前端培训项目研发模型"
					/>
					<p>多学科联合项目</p>
					<h3>CREA项目研发模型</h3>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/icon3@3x.png"
						alt="web前端培训百人大咖讲师"
					/>
					<p>全程面授大咖云集</p>
					<h3>百人讲师天团</h3>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/icon4@3x.png"
						alt="web前端培训薪资待遇高"
					/>
					<p>行业发展有前景</p>
					<h3>后续有提升空间</h3>
				</li>
			</ul>
		</div>
		<!-- 开班信息 -->
		<div class="courseInfo">
			<h2 class="head">Web大前端培训开班信息</h2>
			<p>18个城市，一地学习 多地求职</p>
			<p>具体详情点击<span>“预约咨询”</span></p>
			<div class="grab">
				<ul class="ul1">
					<li>
						<div class="city">北京</div>
						<div>HTML5大前端</div>
						<div>2020-08-10开班</div>
						<div></div>
						<div>
							<img
								src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/fire@3x.png"
								alt=""
								height="24"
								width="19"
							/>
						</div>
						<div class="appointment">
							<a href="https://tb.53kf.com/code/client/10132404/7" target="_blank">咨询学习</a>
						</div>
					</li>
					<li>
						<div class="city">北京</div>
						<div>HTML5大前端</div>
						<div>2020-08-10开班</div>
						<div></div>
						<div>
							<img
								src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/fire@3x.png"
								alt=""
								height="24"
								width="19"
							/>
						</div>
						<div class="appointment">
							<a href="https://tb.53kf.com/code/client/10132404/7" target="_blank">咨询学习</a>
						</div>
					</li>
					<li>
						<div class="city">北京</div>
						<div>HTML5大前端</div>
						<div>2020-08-10开班</div>
						<div></div>
						<div>
							<img
								src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/fire@3x.png"
								alt=""
								height="24"
								width="19"
							/>
						</div>
						<div class="appointment">
							<a href="https://tb.53kf.com/code/client/10132404/7" target="_blank">咨询学习</a>
						</div>
					</li>
					<li>
						<div class="city">北京</div>
						<div>HTML5大前端</div>
						<div>2020-08-10开班</div>
						<div></div>
						<div>
							<img
								src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/fire@3x.png"
								alt=""
								height="24"
								width="19"
							/>
						</div>
						<div class="appointment">
							<a href="https://tb.53kf.com/code/client/10132404/7">咨询学习</a>
						</div>
					</li>
					<li>
						<div class="city">北京</div>
						<div>HTML5大前端</div>
						<div>2020-08-10开班</div>
						<div></div>
						<div>
							<img
								src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/fire@3x.png"
								alt=""
								height="24"
								width="19"
							/>
						</div>
						<div class="appointment">
							<a href="https://tb.53kf.com/code/client/10132404/7">咨询学习</a>
						</div>
					</li>
				</ul>
				<ul class="ul2">
					<li>
						<div class="city">北京</div>
						<div>HTML5大前端</div>
						<div>2020-08-10开班</div>
						<div></div>
						<div>
							<img
								src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/fire@3x.png"
								alt=""
								height="24"
								width="19"
							/>
						</div>
						<div class="appointment"><a href="">咨询学习</a></div>
					</li>
					<li>
						<div class="city">北京</div>
						<div>HTML5大前端</div>
						<div>2020-08-10开班</div>
						<div></div>
						<div>
							<img
								src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/fire@3x.png"
								alt=""
								height="24"
								width="19"
							/>
						</div>
						<div class="appointment"><a href="">咨询学习</a></div>
					</li>
					<li>
						<div class="city">北京</div>
						<div>HTML5大前端</div>
						<div>2020-08-10开班</div>
						<div></div>
						<div>
							<img
								src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/fire@3x.png"
								alt=""
								height="24"
								width="19"
							/>
						</div>
						<div class="appointment"><a href="">咨询学习</a></div>
					</li>
					<li>
						<div class="city">北京</div>
						<div>HTML5大前端</div>
						<div>2020-08-10开班</div>
						<div></div>
						<div>
							<img
								src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/fire@3x.png"
								alt=""
								height="24"
								width="19"
							/>
						</div>
						<div class="appointment"><a href="">咨询学习</a></div>
					</li>
					<li>
						<div class="city">北京</div>
						<div>HTML5大前端</div>
						<div>2020-08-10开班</div>
						<div></div>
						<div>
							<img
								src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/fire@3x.png"
								alt=""
								height="24"
								width="19"
							/>
						</div>
						<div class="appointment"><a href="">咨询学习</a></div>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<div class="whyStudyPhoto">
	<div class="typeArea">
		<div class="whyStudy">
			<h2 class="">为什么学习Web大前端？</h2>
			<p class="advantage" data-wow-duration="1s">Web大前端行业利好，Web大前端工程师优势显著</p>
			<div class="introduce">
				<ul class="wow bounceInLeft" data-wow-duration="3s">
					<li class="active">
						<div>
							<!-- <img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/zu21@3x.png" alt="web前端培训起薪高"
              width="34" height="34"> -->
						</div>
						<div>
							<p><span class="title">拥有体面求职起点</span></p>
							<p>应届生起步月薪超过6500元，</p>
							<p>同���其他应届生高出近40%</p>
							<p style="font-size: 14px; color: #999">*以上数据来源于招聘网站招聘数据分析</p>
						</div>
					</li>
					<li>
						<div>
							<!-- <img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/zu20@3x.png" alt="web前端行业需求大"
              width="34" height="34"> -->
						</div>
						<div>
							<p><span class="title">岗位需求前景广阔</span></p>
							<p>目前HTML5工程师日均岗位缺口超50000，</p>
							<p>并且逐年上涨</p>
							<p style="font-size: 14px; color: #999">*以上数据来源于招聘网站招聘数据分析</p>
						</div>
					</li>
					<li>
						<div>
							<!-- <img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/zu53@3x.png" alt="web前端培训后口径宽"
              width="34" height="34"> -->
						</div>
						<div>
							<p><span class="title">求职范围覆盖面广</span></p>
							<p>移动Web、小程序、响应式、服务端......</p>
							<p>HTML5在互联网发展过程中的作用与优势占比越来越大</p>
						</div>
					</li>
				</ul>
				<div class="videoBox wow bounceInRight" data-wow-duration="3s">
					<video
						width="600"
						height="380"
						src="http://7xtcwd.com1.z0.glb.clouddn.com/HTML5学科宣传片20200506.mp4"
						controls=""
						poster="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/videophoto.jpg"
					></video>
					<p>HTML5新课程升级介绍</p>
				</div>
			</div>
			<p class="btn1">
				<a href="https://tb.53kf.com/code/client/10132404/7" target="_blank">1对1定制职业规划</a>
			</p>
		</div>
	</div>
</div>
<div class="lygf">
	<div class="typeArea">
		<h2 class="ntit">Web大前端技术应用领域广泛</h2>
		<div class="lygf-top wow bounce">
			<div class="lygf-t-l">技术应用领域<br />广泛</div>
			<ul>
				<li>
					<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/lygf-1.png" alt="" />
					<p>管理系统</p>
				</li>
				<li>
					<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/lygf-2.png" alt="" />
					<p>移动web</p>
				</li>
				<li>
					<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/lygf-3.png" alt="" />
					<p>小程序</p>
				</li>
				<li>
					<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/lygf-4.png" alt="" />
					<p>响应式</p>
				</li>
				<li>
					<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/lygf-5.png" alt="" />
					<p>小游戏</p>
				</li>
				<li>
					<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/lygf-6.png" alt="" />
					<p>服务端</p>
				</li>
				<li>
					<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/lygf-7.png" alt="" />
					<p>微信接入</p>
				</li>
				<li>
					<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/lygf-8.png" alt="" />
					<p>大数据可视化</p>
				</li>
				<li>
					<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/lygf-9.png" alt="" />
					<p>交易平台</p>
				</li>
			</ul>
		</div>
		<div class="lygf-bottom">
			<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/lygf-bg2.png" alt="" />
		</div>
		<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank" class="nbtn">了解前端应用领域</a>
	</div>
</div>
<div class="fzqj">
	<h2 class="ntit">Web大前端工程师发展前景</h2>
	<div class="fzqj-con">
		<ul>
			<li>
				<h3>岗位薪资</h3>
				<p>北京地区前端开发工程师平均工资￥20.5K/月，最多人拿 20K-30K。</p>
				<div class="echart-img1">
					<div class="echart-content">
						<div><span>13100</span></div>
						<div><span>15100</span></div>
						<div><span>21100</span></div>
						<div><span>26600</span></div>
						<div><span>28900</span></div>
					</div>
				</div>
				<!-- <img
          src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/fzqj-1.png"
          alt=""
          class="wow zoomIn"
        /> -->
			</li>
			<li>
				<h3>企业招聘需求</h3>
				<p>截止2021年9月，前端开发工程师招聘需求 88192 个岗位，企业需求旺盛。</p>
				<div class="echart-img2">
					<div class="echart-content2">
						<div><span>12503</span></div>
						<div><span>15275</span></div>
						<div><span>3731</span></div>
						<div><span>12314</span></div>
						<div><span>7069</span></div>
						<div><span>5739</span></div>
						<div><span>3763</span></div>
						<div><span>3741</span></div>
						<div><span>24057</span></div>
					</div>
				</div>
				<!-- <img
          src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/fzqj-2.png"
          alt=""
          class="wow zoomIn"
        /> -->
			</li>
		</ul>
		<p class="from">*以上数据来源于职友集</p>
	</div>

	<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank" class="nbtn">了解行业前景</a>
</div>
<div class="sxrq">
	<h2 class="ntit">Web大前端课程适学人群</h2>
	<ul class="sxrq-con wow fadeIn">
		<li>
			<h4>应届生</h4>
			<p>欠缺实践经验</p>
			<div></div>
			<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank" class="item-btn">定制规划</a>
		</li>
		<li>
			<h4>想转行</h4>
			<p>行业没前途</p>
			<div></div>
			<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank" class="item-btn">专属帮扶</a>
		</li>
		<li>
			<h4>想提升</h4>
			<p>职场难提升</p>
			<div></div>
			<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank" class="item-btn">提升通道</a>
		</li>
		<li>
			<h4>想加薪</h4>
			<p>薪资不满意</p>
			<div></div>
			<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank" class="item-btn">加薪技能</a>
		</li>
	</ul>
</div>
<div class="module-wrap">
	<div class="module module1">
		<p class="module-title">拒绝无效学习，按个人需求选择不同班型</p>
		<div class="main">
			<div class="card">
				<p class="card-title">面授实战就业班</p>
				<p class="card-dec">四师联动手把手教学</p>
				<div class="content-list">
					<p class="card-content"><span class="num">1</span>针对零基础学员开发，更易入门学习</p>
					<p class="card-content"><span class="num">2</span>技术点系统详细，细微粒讲解</p>
					<p class="card-content"><span class="num">3</span>授课时间长，学习内容全</p>
					<p class="card-content"><span class="num">4</span>阶段性考核精进，针对性补课答疑</p>
					<p class="card-content"><span class="num">5</span>考核不过重新学，直到学会为止</p>
					<p class="card-content"><span class="num">6</span>培养项目研发能力、项目设计能力</p>
				</div>
				<p class="person-name">适学人群</p>
				<p class="person">适合非计算机相关专业<br />或无任何前端基础人群</p>
			</div>
			<div class="card">
				<p class="card-title">好程序员大厂共建班</p>
				<p class="card-dec">有基础学员明智选择</p>
				<div class="content-list">
					<p class="card-content"><span class="num">1</span>与大厂合作共建，共同实施教学</p>
					<p class="card-content"><span class="num">2</span>技术体系更深入，对标大厂需求</p>
					<p class="card-content"><span class="num">3</span>降低时间经济双成本，学习效率高</p>
					<p class="card-content"><span class="num">4</span>深度融入大厂真实项目案例</p>
					<p class="card-content"><span class="num">5</span>直通大厂offer，收割绝尘薪资</p>
					<p class="card-content"><span class="num">6</span>培养架构设计能力、项目管理能力</p>
				</div>
				<p class="person-name">适学人群</p>
				<p class="person">适合计算机相关专业<br />或有一定前端基础人群</p>
			</div>
			<div class="card">
				<p class="card-title">在线实战就业班</p>
				<p class="card-dec">7*24小时个性化指导答疑</p>
				<div class="content-list">
					<p class="card-content"><span class="num">1</span>直播+录播，随时随地可学习</p>
					<p class="card-content"><span class="num">2</span>讲师阶段性在线直播答疑</p>
					<p class="card-content"><span class="num">3</span>保姆式监学督学，拒绝怠学</p>
					<p class="card-content"><span class="num">4</span>1对1实战指导，真实���目经验</p>
					<p class="card-content"><span class="num">5</span>7*24小时无休答疑</p>
					<p class="card-content"><span class="num">6</span>学完就能用的技能，提升竞争力</p>
				</div>
				<p class="person-name">适学人群</p>
				<p class="person">适合无法脱产学习的<br />在校生或者在职人群</p>
			</div>
		</div>
		<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank" class="nbtn">获取学习路线图</a>
	</div>
</div>
<div class="xxlx">
	<h2 class="ntit">Web大前端学习路线图</h2>
	<div class="xxlx-con">
		<ul>
			<li>
				<h3>PC端页面制作与动画特效</h3>
				<p>HTML+CSS搭建网页</p>
				<p>PhotoShop切图流程</p>
				<p>CSS3动画特效</p>
			</li>
			<li>
				<h3>移动端页面制作与响应式<br />实现</h3>
				<p>移动端布局与设备适配</p>
				<p>响应式设计与实现</p>
			</li>
			<li>
				<h3>JavaScript与jQuery开发</h3>
				<p>JavaScript开发</p>
				<p>jQuery开发</p>
			</li>
			<li>
				<h3>H5高级框架技术开发</h3>
				<p>Vue框架开发</p>
				<p>Angular框架开发</p>
				<p>React框架开发</p>
				<p>数据可视化技术</p>
			</li>
			<li>
				<h3>大前端架构</h3>
				<p>开发工具及服务器技术</p>
				<p>安全及性能优化</p>
			</li>
			<li>
				<h3>原生应用技术开发</h3>
				<p>Flutter技术</p>
				<p>HarmonyOS鸿蒙开发</p>
			</li>
			<li>
				<h3>混合应用技术开发</h3>
				<p>PWA技术</p>
				<p>Electron技术</p>
				<p>微信公众号开发</p>
				<p>微信小程序开发</p>
			</li>
			<li>
				<h3>全栈前后端技术开发</h3>
				<p>Node.js技术</p>
				<p>其他后端技术</p>
			</li>
		</ul>
	</div>
	<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank" class="nbtn">获取学习路线图</a>
</div>
<div class="jiuyeNewsphoto">
	<div class="typeArea">
		<div class="employmentNews">
			<h2>就业战报</h2>
			<p>千锋web前端培训报道，数据真实可查。让每一名学员满意，是我们的责任</p>
			<div class="salaryHead">
				<div>
					<p>2021年平均薪资</p>
					<h3>￥11091</h3>
				</div>
				<div>
					<p>2021年应届生平均薪资</p>
					<h3>￥10702</h3>
				</div>
				<div>
					<p>2021年专科学员平均薪资</p>
					<h3>￥10789</h3>
				</div>
				<div>
					<p>2021年本科学员平均薪资</p>
					<h3>￥11438</h3>
				</div>
			</div>
			<div class="salaryBox">
				<span>有教无类 方为良心</span>
				<div class="firstDiv">
					<p>让普通的专科生、本科生在毕业之后薪资超越985、211学霸，而非只让少数尖子生实现梦想</p>
					<p>
						好机构的评判标准可能有很多，但能通过完善的学科与服务体系，让学员达到近乎一致的高水平，目前大概也就千锋一个
					</p>
				</div>
				<div class="ulContent">
					<ul>
						<li>感觉自己基础差？不要怕！我们有办法让你跟上学习进度</li>
						<li>自己学习能力强？别担心！在这里不会有人给你拖后腿</li>
						<li>让不够的你变，让的你变得，我们用事实说话</li>
					</ul>
				</div>
			</div>
			<div class="tips">
				<div class="tipsRight">
					<h2>Web大前端学员学习心得</h2>
					<div class="c4-cont-swiper swiper-container">
						<div class="swiper-wrapper">
							<p class="swiper-slide tipsContent">
								来千锋学习一段时间了，学习编程每天对着电脑写代码，必须要认真仔细。每天都过的很充实。老师讲课由浅入深，循序渐进地让我们掌握知识，理论结合实践，真的受益匪浅。这段时间我认识了很多同学，我们来自不同地区，因为共同理想而走在一起，有艰苦有欢乐，但不管怎样，我们都微笑着面对。
							</p>
							<p class="swiper-slide tipsContent">
								明天就是一阶段的考核，希望可以不辜负这一个月的努力，我始终相信，有付出就会有回报，一分耕耘一分收获，耕种梦想，成就未来，加油!非常感谢各位老师的帮助和鼓励，我学到了很多，也领悟了很多。接下来的日子里，我会加的努力学习。
							</p>
							<p class="swiper-slide tipsContent">
								来千锋之前，我本身也打算提升下自己，刚好听朋友说在这个学校学习后，了，而且说HTML5相比较其他简单一点，适合女孩子，对比了很多学校，终选择了千锋。这里的招生老师很热情，介绍的很详细，还可以试学2个星期，这段时间我已经从一个什么都不懂的小菜鸟，到可以完成静态页面了，继续加油！
							</p>
							<p class="swiper-slide tipsContent">
								在千锋学习四个月的时间一转眼就过去了，可能你在这四个月期间不会觉得有什么感受，等到这四个月结束之后，你会觉得自己真的收获了很多，你的能力也能达到你需求的高度。在千锋学习这段时间，影响大的是尹老师，在他的引导下我成长迅速，很感谢。
							</p>
						</div>
					</div>
					<a
						href="https://tb.53kf.com/code/client/10132404/7"
						class="tipsFoot"
						target="_blank"
						rel="noopener noreferrer"
						>more >></a
					>
				</div>
				<div class="tableDate">
					<table id="th-table" cellspacing="0">
						<tr>
							<td style="width: 100px">姓名</td>
							<td style="width: 100px">学历</td>
							<td style="width: 150px">专业</td>
							<td style="width: 80px">薪资</td>
							<td style="width: 100px">入职企业</td>
							<td style="width: 70px">职位</td>
						</tr>
					</table>
					<div style="height: 300px; overflow: hidden; position: relative">
						<table id="c5-table" title="千锋WEB前端学员-HTML5培训课程|WEB前端培训|H5培训" cellspacing="0">
							<tr>
								<td>王*</td>
								<td>本科</td>
								<td>自动化</td>
								<td>26000</td>
								<td>北京联合**</td>
								<td>HTML5工程师</td>
							</tr>
							<tr>
								<td>王*</td>
								<td>本科</td>
								<td>自动化</td>
								<td>26000</td>
								<td>北京联合**</td>
								<td>HTML5工程师</td>
							</tr>
						</table>
					</div>
					<p class="tableFoot">*学员就业信息统计数据为数据库实时获取的真实相关数据，非广告宣传</p>
				</div>
			</div>
			<div class="c5-btns" title="H5培训班学员-HTML5培训课程|WEB前端培训|H5培训">
				<div class="c5-btnlist-box" title="HTML5培训班学员">
					<div class="swiper-container c5-swiper-container" id="swiper1">
						<div class="swiper-wrapper c5-swiper-wrapper"></div>
						<div class="swiper-button-prev" id="c5-prev"></div>
						<div class="swiper-button-next" id="c5-next"></div>
					</div>
				</div>
			</div>
			<p class="btn1">
				<a href="https://tb.53kf.com/code/client/10132404/7" target="_blank">测测你的毕业薪资</a>
			</p>
		</div>
	</div>
</div>
<div class="jiqiaoPhtoto" style="display: none">
	<div class="typeArea">
		<!-- 技巧 -->
		<div class="chooseSkills">
			<h2 class="">选择���巧</h2>
			<p class="chooseSkills-title wow jello">
				长久以来，千锋口碑稳步上升，因为我们目标明确很简单，让学员能够安心学习，快速
			</p>
			<div class="chooseSkillsContent">
				<div class="chooseSkillsLeft">
					<ul>
						<li class="active">课程研发</li>
						<li>授课方式</li>
						<li>项目实战</li>
						<li>师资团队</li>
						<li>学科管理</li>
						<li>培训周期</li>
						<li>结果</li>
						<li>职后提升</li>
					</ul>
				</div>
				<div class="chooseSkillsRight">
					<div class="chooseSkillsRightBox active">
						<div class="firstDiv">
							<h2>千锋教育</h2>
							<p class="title">六维课程：</p>
							<p>
								研发六维全息课程，长期市场调研+大厂协助研发，每年两次大型革新升级，融合阿里课程，提升架构开发能力，完成从全栈工程师到架构师的进阶培养
							</p>
						</div>
						<div class="firstDiv2">
							<h2>机构一</h2>
							<p class="title">持续细化：</p>
							<p>
								课程骨架不会有大的改动，会持续细化知识点，在一个大的框架内做局部调整，有一定的研发能力，但局限于课程结构，无法突破中级程序员瓶颈
							</p>
						</div>
						<div class="firstDiv3">
							<h2>机构二</h2>
							<p class="title">搬运能手：</p>
							<p>
								没有独立课程���发能力，课程升级直接抄袭，但实际授课内容与课纲并不相符，学员终只学到前端初级知识
							</p>
						</div>
					</div>
					<div class="chooseSkillsRightBox">
						<div class="firstDiv">
							<h2>千锋教育</h2>
							<p class="title">全程面授：</p>
							<p>坚持全程面授，灵活照顾到班级每一位学员的学习需求，形成“逼着学，比着学”的良好氛围</p>
						</div>
						<div class="firstDiv2">
							<h2>机构一</h2>
							<p class="title">面授+视频：</p>
							<p>
								组合学科会导致一部分课程学习的相对好，但另一部分课程学习效果很差，班级学习进度难以统一，终水平参差不齐
							</p>
						</div>
						<div class="firstDiv3">
							<h2>机构二</h2>
							<p class="title">视频授课：</p>
							<p>
								以小的成本学科，弊端严重，因此口碑越来越差，因为视频授课局限性太大，脱产学习靠视频授课本就是自我浪费
							</p>
						</div>
					</div>
					<div class="chooseSkillsRightBox">
						<div class="firstDiv">
							<h2>千锋教育</h2>
							<p class="title">联合开发：</p>
							<p>
								成立大厂技术联盟，引进大厂真实项目，严格执行技术查重，筛选项目，终学员需要完成从项目立项到上线部署的全流程联合开发，能独立承接企业需求
							</p>
						</div>
						<div class="firstDiv2">
							<h2>机构一</h2>
							<p class="title">量大质次：</p>
							<p>
								项目技术重合严重，多为自研小项目或行业淘汰项目，质量缺陷以数量填补，大幅增加项目数量与项目时长，但很难从核心技术上提升学员开发能力
							</p>
						</div>
						<div class="firstDiv3">
							<h2>机构二</h2>
							<p class="title">比重偏低：</p>
							<p>
								不重视项目研发能力，以学科阶段小项目为主，多为阶段性归纳项目，完整项目少，项目课程内容偏低，学员开发能力差，无法独立胜任企业开发需求
							</p>
						</div>
					</div>
					<div class="chooseSkillsRightBox">
						<div class="firstDiv">
							<h2>千锋教育</h2>
							<p class="title">王炸组合：</p>
							<p>百人天团+企业讲师，必须具备大型项目开发能力与授课能力，讲师录用率低于5%</p>
						</div>
						<div class="firstDiv2">
							<h2>机构一</h2>
							<p class="title">参差不齐：</p>
							<p>授课模式多样，讲师水平不一，进班学习全靠运气</p>
						</div>
						<div class="firstDiv3">
							<h2>机构二</h2>
							<p class="title">照本宣科：</p>
							<p>视频授课形成固定模式，讲师只需按照套路讲课即可，纯属例行学科</p>
						</div>
					</div>
					<div class="chooseSkillsRightBox">
						<div class="firstDiv">
							<h2>千锋教育</h2>
							<p class="title">全天无休：</p>
							<p>总监级讲师全程面授，强师007答疑，智能AI系统辅学，无死角解决学习问题</p>
						</div>
						<div class="firstDiv2">
							<h2>机构一</h2>
							<p class="title">助教盯班：</p>
							<p>非讲课时段助教盯班，简单问题可以答疑，但高难度问题只能遗留成为隐患</p>
						</div>
						<div class="firstDiv3">
							<h2>机构二</h2>
							<p class="title">放养策略：</p>
							<p>整体学习内容较浅，一个助教管理多个班级，很少解决技术难题</p>
						</div>
					</div>
					<div class="chooseSkillsRightBox">
						<div class="firstDiv">
							<h2>千锋教育</h2>
							<p class="title">科学合理：</p>
							<p>
								学习周期是根据授课进度、课程深度与讲师水平，经过多年教研探索推导而出，让学员学好技术并且能够
							</p>
						</div>
						<div class="firstDiv2">
							<h2>机构一</h2>
							<p class="title">周期过长：</p>
							<p>学习周期过长，导致错失很多机会，变相增加学习成本，面授+视频授课降低学习效率，延误学员</p>
						</div>
						<div class="firstDiv3">
							<h2>机构二</h2>
							<p class="title">周期过短：</p>
							<p>
								视频授课本就降低效率，加上学习时间过短，导致学员无法吃透知识点，困难，甚至入职无法胜任岗位需求
							</p>
						</div>
					</div>
					<div class="chooseSkillsRightBox">
						<div class="firstDiv">
							<h2>千锋教育</h2>
							<p class="title">高快稳准：</p>
							<p>
								薪资高、快、发展稳，部分学员入职即Leader，行业有口皆碑，这是上面所有环节层层叠加的良好结果
							</p>
						</div>
						<div class="firstDiv2">
							<h2>机构一</h2>
							<p class="title">避重就轻：</p>
							<p>
								把注意力吸引到课程，让人忽视，但课程本就为服务，二者是相互验证的关系，避开谈课程等于耍流氓
							</p>
						</div>
						<div class="firstDiv3">
							<h2>机构二</h2>
							<p class="title">混淆视听：</p>
							<p>水平行业偏低，以行业招聘薪资混淆视听，不敢公布学员真实薪资，无法承诺学员毕业即可</p>
						</div>
					</div>
					<div class="chooseSkillsRightBox">
						<div class="firstDiv">
							<h2>千锋教育</h2>
							<p class="title">持续提升：</p>
							<p>重磅升级六维全息课程！职后课跟随行业热门技术定期升级，学员可终身持续学习</p>
						</div>
						<div class="firstDiv2">
							<h2>机构一</h2>
							<p class="title">待遇不同：</p>
							<p>学员返校参加讲���，普通学员不配拥有姓名，想要提升只能再次购买相关课程</p>
						</div>
						<div class="firstDiv3">
							<h2>机构二</h2>
							<p class="title">空白区域：</p>
							<p>没有能力涉足职后相关课程，学员职场提升只能依靠自学购买其他课程</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="shengjiPhoto">
	<div class="typeArea">
		<!-- 升级 -->
		<div class="upgrade">
			<h2 class="">课程升级</h2>
			<p class="chooseSkills-title">千锋教研中台战略发布，Web大前端课程</p>
			<div class="holographic">
				<div class="headImg wow fadeInLeft">
					<p><span>六维全息课程亮相</span>六维全息课程覆盖职场与职后发展</p>
				</div>
				<div class="circle">
					<ul class="u1">
						<li>
							<div>引入阿里<br />React+Dva+Umi课程</div>
						</li>
						<li>
							<div>强化Typescript</div>
						</li>
						<li>
							<div>强化多端<br />混合开发框架</div>
						</li>
						<li>
							<div>强化node课程</div>
						</li>
						<li>
							<div>强化VueReact<br />课程深度</div>
						</li>
						<li class="active">
							<div>强化大数据可视化<br />实战</div>
						</li>
						<li>
							<div>强化服务器端<br />渲染</div>
						</li>
						<li>
							<div>强化ES规范<br />语法实战</div>
						</li>
					</ul>
					<ul class="u2">
						<li class="yuan1">
							<span data-text="Serverles">Serverless</span>
						</li>
						<li class="yuan2">
							<span data-text="Taro/React Hooks">Taro/React Hooks</span>
						</li>
						<li class="yuan3">
							<span data-text="Taro/React Hooks">Flutter技术</span>
						</li>
						<li class="yuan4">
							<span data-text="RN+Hybrid">RN+Hybrid</span>
						</li>
						<li class="yuan5">
							<span data-text="Electron">Electron</span>
						</li>
					</ul>
					<p class="foot">
						<span>------------ 强化加薪技术深度 ------------</span
						><span>------------ 加大热门技能比重 ------------</span>
					</p>
				</div>
			</div>
			<div class="phase">
				<div class="phaseLeft">
					<ul>
						<li class="active">
							<h3>基础课</h3>
							<p>大前端基础课程<br />每天一个有趣案例</p>
						</li>
						<li>
							<h3>专业课</h3>
							<p>深度学习大前端<br />全栈开发能力</p>
						</li>
						<li>
							<h3>项目课</h3>
							<p>真项目，真实战<br />多学科联合开发</p>
						</li>
						<li>
							<h3>企业课</h3>
							<p>企业嘉宾授课<br />热门技能学习</p>
						</li>
						<li>
							<h3>就业课</h3>
							<p>求职稳定发挥<br />提升职业素养</p>
						</li>
						<li>
							<h3>职后课</h3>
							<p>职场持续提升<br />提升自身技能</p>
						</li>
					</ul>
				</div>
				<div class="phaseRight active">
					<ul>
						<li>
							<h3>第一天</h3>
						</li>
						<li>
							<strong>课程案例：</strong>
							<span>费曼学习法、响应式、阅读案例结构搭建</span>
						</li>
						<li>
							<strong>掌握技能：</strong>
							<div>
								1、熟悉项目开发流程<br />
								2、熟练掌握浏览器控制台和Hbuilder软件的应用<br />
								3、熟练掌握HTML常用标签，会搭建基础的页面结构
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>第二天</h3>
						</li>
						<li>
							<strong>课程案例：</strong>
							<span>千锋教育和健康页面搭建书写</span>
						</li>
						<li>
							<strong>掌握技能：</strong>
							<div>
								1、掌握基础的css语法和引入方式<br />
								2、熟练并且使用css选择器和相关属性<br />
								3、能够独立搭建简单的页面
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>第三天</h3>
						</li>
						<li>
							<strong>课程案例：</strong>
							<span>红英页面、知乎案例、小鹿、视觉差页面搭建</span>
						</li>
						<li>
							<strong>掌握技能：</strong>
							<div>
								1、熟练掌握盒子模型的相关概念和应用<br />
								2、熟练掌握背景相关属性的用法和使用场景<br />
								3、能够独立搭建视觉差效果
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>第四天</h3>
						</li>
						<li>
							<strong>课程案例：</strong>
							<span>启梦科技布局搭建</span>
						</li>
						<li>
							<strong>掌握技能：</strong>
							<div>
								1、熟练掌握浮动的原理和使用场景<br />
								2、掌握基本的pc端页面的布局<br />
								3、熟练利用ps切图、取色、测量
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>第五天</h3>
						</li>
						<li>
							<strong>课程案例：</strong>
							<span>启梦科技媒体报道页面书写</span>
						</li>
						<li>
							<strong>掌握技能：</strong>
							<div>
								1、能够独立的搭建pc端页面<br />
								2、熟悉页面布局过程中的bug和解决方式
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>第六天</h3>
						</li>
						<li>
							<strong>课程案例：</strong>
							<span>婚礼纪首页-移动端页面</span>
						</li>
						<li>
							<strong>掌握技能：</strong>
							<div>
								1、了解dpr的计算和meta设置视口设置<br />
								2、独立开发简单的移动端页面
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>第七天</h3>
						</li>
						<li>
							<strong>课程案��：</strong>
							<div>
								1、寻找一个主题作为分享内容，利用ppt进行制作<br />
								2、利用思维导图把已经经过的内容进行整理和自作
							</div>
						</li>
						<li>
							<strong>掌握技能：</strong>
							<div>
								1、熟练使用办公软件制作对应的主体内容<br />
								2、对于计算机的基础配置内容认识和熟悉
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>第八天</h3>
						</li>
						<li>
							<strong>课程案例：</strong>
							<span>武汉加油，解封武汉JS动态交互页面</span>
						</li>
						<li>
							<strong>掌握技能：</strong>
							<div>
								1、掌握JS的基本用途<br />
								2、掌握基本的编程方法<br />
								3、掌握DOM操作
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>第九天</h3>
						</li>
						<li>
							<strong>课程案例：</strong>
							<span>瀑布流布局效果</span>
						</li>
						<li>
							<strong>掌握技能：</strong>
							<div>
								1、掌握JQ样式操作<br />
								2、掌握瀑布流布局<br />
								3、掌握JQ动画
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>第十天</h3>
						</li>
						<li>
							<strong>课程案例：</strong>
							<span>网页版的keynote，制作个人简历</span>
						</li>
						<li>
							<strong>掌握技能：</strong>
							<div>
								1、掌握JS与自定义属性的结合<br />
								2、掌握JS操作CSS3样式
							</div>
						</li>
					</ul>
				</div>
				<div class="phaseRight">
					<ul>
						<li>
							<h3>第一阶段   前端页面重构</h3>
						</li>
						<li>
							<strong>掌握能力：</strong>
							<span>掌握PC端网页开发，掌握移动端网页开发，掌握HTML5CSS3新特性</span>
						</li>
						<li>
							<strong>胜任职位：</strong>
							<span>Web前端开发工程师、前端页面布局与重构工程师</span>
						</li>
						<li>
							<strong>薪资水平：</strong>
							<span>4K-6K</span>
						</li>
						<li>
							<strong>实战项目：</strong>
							<span>《Ghost 开源博客平台页面的响应式布局》《足球圈M站布局》</span>
						</li>
					</ul>
					<ul>
						<li>
							<h3>第二阶段 JavaScript程序设计+PC端全栈开发</h3>
						</li>
						<li>
							<strong>掌握能力：</strong>
							<div>
								1.掌握原生JavaScript交互功能开发、掌握面向对象进阶与ES5/6/7/8/9/10应用、掌握JavaScript工具<br />库开发<br />
								2.掌握jQuery经典交互特效开发、掌握Echarts数据可视化、掌握PHP+MySQL后端基础<br />
								3.掌握前端工程化与模块化应用
							</div>
						</li>
						<li>
							<strong>胜任职位：</strong>
							<span>Web前端工程师、Web前端工程师、网站开发工程师、移动前端开发工程师</span>
						</li>
						<li>
							<strong>薪资水平：</strong>
							<span>6K-10K</span>
						</li>
						<li>
							<strong>实战项目：</strong>
							<span>《小米商城全栈开发》</span>
						</li>
					</ul>
					<ul>
						<li>
							<h3>第三阶段 Node.js后端开发+Vue.js前端框架+React前端框架+小程序开发</h3>
						</li>
						<li>
							<strong>掌握能力：</strong>
							<span
								>1.掌握Node.js基础、HTTP服务搭建、接口编写<br />
								2.掌握VUE基础及内容、掌握SPA开发、掌握vuex状态管理<br />
								3.掌握React基础及内容、掌握SPA开发、掌握redux状态管理<br />
								4.掌握dva 和umijs在企业开发中的应用<br />
								5.掌握小程序基础及应用<br />
								6.掌握uni-app混合框架及多端小程序应用</span
							>
						</li>
						<li>
							<strong>胜任职位：</strong>
							<span
								>Web前端工程师、全栈工程师、移动前端App开发工程师、微信开发工程师、小程序开发工程师</span
							>
						</li>
						<li>
							<strong>薪资水平：</strong>
							<span>10K-15K</span>
						</li>
						<li>
							<strong>实战项目：</strong>
							<div>
								《打造仿拉勾网M站》《打造拉勾网后台管理系统》《Vue嗨购移动端项目开发》<br />《Vue管理系统项目开发》《美食大全》
								《基于React管理系统项目》《萌宠交易平台》
							</div>
						</li>
					</ul>
				</div>
				<div class="phaseRight">
					<ul>
						<li>
							<h3>项目类别一</h3>
						</li>
						<li>
							<strong>项目类别：</strong>
							<span>PC端全栈项目</span>
						</li>
						<li>
							<strong>项目周期：</strong>
							<span>5天</span>
						</li>
						<li>
							<strong>开发时间：</strong>
							<span>第12周</span>
						</li>
						<li>
							<strong>项目描述：</strong>
							<span
								>PC全栈项目基于课程、二阶段，是贯通学员学习前端页面重构、交互特效开发与后端知识的组合项目，包括微信游戏开发、电商首页交互与后端接口开发，进阶至全栈项目开发。</span
							>
						</li>
						<li>
							<strong>解决问题：</strong>
							<span>解决PC设备屏幕所呈现网页的开发，高度还原设计稿，熟悉全栈网页的开发流程。</span>
						</li>
					</ul>
					<ul>
						<li>
							<h3>项目类别二</h3>
						</li>
						<li>
							<strong>项目类别：</strong>
							<span>PC端全栈项目</span>
						</li>
						<li>
							<strong>项目周期：</strong>
							<span>8天</span>
						</li>
						<li>
							<strong>开发时间：</strong>
							<span>第13周</span>
						</li>
						<li>
							<strong>项目描述：</strong>
							<span>应用Node.js基础知识、Node.js框架、后端模板及MongoDB数据库开发一个后台系统接口。</span>
						</li>
						<li>
							<strong>解决问题：</strong>
							<div>
								1、Node.js后端接口开发<br />
								2、掌握前后端合作，无缝对接
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>项目类别三</h3>
						</li>
						<li>
							<strong>项目类别：</strong>
							<span>基于 Vue.js WebAPP开发</span>
						</li>
						<li>
							<strong>项目周期：</strong>
							<span>8天</span>
						</li>
						<li>
							<strong>开发时间：</strong>
							<span>第15周</span>
						</li>
						<li>
							<strong>项目描述：</strong>
							<span>应用Vue.js全家桶独立完成Vue.js移动端前后端开发</span>
						</li>
						<li>
							<strong>解决问题：</strong>
							<div>
								1、胜任基于 Vue.js + Node.js 技术栈的前后端项目开发<br />
								2、能应对组件库二次开发的工作
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>项目类别四</h3>
						</li>
						<li>
							<strong>项目类别：</strong>
							<span>基于 Vue.js 管理信息系统开发</span>
						</li>
						<li>
							<strong>项目周期：</strong>
							<span>8天</span>
						</li>
						<li>
							<strong>开发时间：</strong>
							<span>第15周</span>
						</li>
						<li>
							<strong>项目描述：</strong>
							<span>应用Vue.js全家桶独立完成Vue.js的PC端项目前后端开发</span>
						</li>
						<li>
							<strong>解决问题：</strong>
							<div>
								1、胜任基于 Vue.js + Node.js 技术栈的前后端项目开发<br />
								2、能应对组件库二次开发的工作
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>项目类别五</h3>
						</li>
						<li>
							<strong>项目类别：</strong>
							<span>基于 React WebAPP 开发</span>
						</li>
						<li>
							<strong>项目周期：</strong>
							<span>8天</span>
						</li>
						<li>
							<strong>开发时间：</strong>
							<span>第18周</span>
						</li>
						<li>
							<strong>项目描述：</strong>
							<span>应用React全家桶独立完成react移动端前后端开发</span>
						</li>
						<li>
							<strong>解决问题：</strong>
							<div>
								1、胜任基于React全家桶开发WebAPP项目<br />
								2、能应对组件库二次开发的工作
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>项目类别六</h3>
						</li>
						<li>
							<strong>项目类别：</strong>
							<span>基于 React 管理信息系统开发</span>
						</li>
						<li>
							<strong>项目周期：</strong>
							<span>8天</span>
						</li>
						<li>
							<strong>开发时间：</strong>
							<span>第18周</span>
						</li>
						<li>
							<strong>项目描述：</strong>
							<span
								>电商管理系统(React)，系统包含界面搭建、UI框架使用、React基础语法、路由、全局状态管理等技术</span
							>
						</li>
						<li>
							<strong>解决问题：</strong>
							<div>
								1、胜任基于React全家桶开发PC端项目<br />
								2、能应对组件库二次开发的工作
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>项目类别七</h3>
						</li>
						<li>
							<strong>项目类别：</strong>
							<span>小程序开发项目</span>
						</li>
						<li>
							<strong>项目周期：</strong>
							<span>8天</span>
						</li>
						<li>
							<strong>开发时间：</strong>
							<span>第20周</span>
						</li>
						<li>
							<strong>项目描述：</strong>
							<span>应用原生小程序开发各种类型的小程序项目</span>
						</li>
						<li>
							<strong>解决问题：</strong>
							<div>
								1、企业各类业务原生小程序项目开发<br />
								2、WebApp小程序化
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>项目类别八</h3>
						</li>
						<li>
							<strong>项目类别：</strong>
							<span>多学课联合项目</span>
						</li>
						<li>
							<strong>项目周期：</strong>
							<span>40天</span>
						</li>
						<li>
							<strong>开发时间：</strong>
							<span>第16周</span>
						</li>
						<li>
							<strong>项目描述：</strong>
							<span
								>千锋UI+大前端+Java/Python+云计算+网络安全+物联网+大数据全学科联合开发企业级项目。</span
							>
						</li>
						<li>
							<strong>解决问题：</strong>
							<div>
								结合当下流行的多元化一线大厂技术研发技术，也融入了极为热门的创新技术。<br />培养学员全栈技术开发能力、团队协作能力、沟通表达能力及项目设计能力等
							</div>
						</li>
					</ul>
				</div>
				<div class="phaseRight">
					<ul>
						<li>
							<h3>一、团队户外拓展训练</h3>
						</li>
						<li>
							<strong>课程内容：</strong>
							<div>
								1、团队建设、团队协作<br />
								2、逆境生存法则
							</div>
						</li>
						<li>
							<strong>掌握能力：</strong>
							<div>
								1、团队协作能力<br />
								2、逆境生存能力
							</div>
						</li>
						<li>
							<strong>解决问题：</strong>
							<div>
								1、调节专业课紧张的学习状态<br />
								2、增加企业拓展训练经验
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>二、企业合作项目课程</h3>
						</li>
						<li>
							<strong>课程内容：</strong>
							<div>
								1、项目需求分析与交互设计<br />
								2、前后端及移动端流行工具、框架与库的企业项目深度应用实战<br />
								3、JavaScript框架设计<br />
								4、移动端组件库设计<br />
								5、项目架构与产品选型<br />
								6、大厂的项目开发流程、项目测试、部署与发布实践<br />
								7、项目安全、性能与可用性实战<br />
								8、如何与兄弟部门及项目团队各方密切合作与有效沟通
							</div>
						</li>
						<li>
							<strong>掌握能力：</strong>
							<div>
								1、掌握项目开发流程<br />
								2、掌握企业开发架构<br />
								3、企业级应用代码观摩<br />
								4、企业里部门合作方式<br />
								5、JavaScript深度应用
							</div>
						</li>
						<li>
							<strong>解决问题：</strong>
							<div>
								1、提前了解企业的用人要求和技术要求<br />
								2、体验企业工作流程和工作要求<br />
								3、大前端技术的企业落地
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>三、管理课程</h3>
						</li>
						<li>
							<strong>课程内容：</strong>
							<div>
								1、项目管理架构及流程<br />
								2、整合管理和范围管理<br />
								3、时间管理、成本管理和质量管理<br />
								4、人力资源管理、沟通管理、风险管理<br />
								5、基层管理者领导力提升培训解决方案
							</div>
						</li>
						<li>
							<strong>掌握能力：</strong>
							<div>
								1、掌握企业项目管理流程和方法<br />
								2、掌握如果带领一个小团队
							</div>
						</li>
						<li>
							<strong>解决问题：</strong>
							<div>
								1、使学员提前掌握企业的项目管理和团队管理的能力<br />
								2、增强学生的能力
							</div>
						</li>
					</ul>
				</div>
				<div class="phaseRight">
					<ul>
						<li>
							<h3>《企业初认知》</h3>
						</li>
						<li>
							<strong>课程内容：</strong>
							<div>
								1、公司类型<br />
								2、企业组织架构<br />
								3、企业岗位发布及招聘流程<br />
								4、企业招聘途径<br />
								5、对标IT职业人的综合素养和技术
							</div>
						</li>
						<li>
							<strong>掌握能力：</strong>
							<div>
								通过本课程学习熟悉公司类型，组织架构和本职位相关的工作流程以及公司招聘常用哪些招聘平台等信息，<br />让学员对公司有了初步认知，清晰目标，走出舒服区，努力修炼技能，拿到职场入场券。
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>《市场行情分析及职业发展》</h3>
						</li>
						<li>
							<strong>课程内容：</strong>
							<div>
								1、市场行情分析<br />
								2、岗位招聘需求分析<br />
								3、职业生涯规划<br />
								4、技术网站拓展
							</div>
						</li>
						<li>
							<strong>掌握能力：</strong>
							<div>
								通过本课程的学习了解当下招聘平台国内各个城市的招聘需求数量、薪资分布岗位职责等内容并且<br />360度解读一名程序员的职业生涯发展路线。对从事岗位有了具体、细致的了解，从而有了清晰的规划职业。
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>《企业需求及职场规则》</h3>
						</li>
						<li>
							<strong>课程内容：</strong>
							<div>
								1、企业软需求<br />
								2、情商提升<br />
								3、职场规则
							</div>
						</li>
						<li>
							<strong>掌握能力：</strong>
							<div>
								本课程重点从公司考察的硬实力和软实力出发分析需要掌握的技能，同时纵向横向三位一体的从态度、<br />言行、微笑等细节及职场潜规则等方面解读让准职业人了解职场法则��
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>《求职礼仪及面试常见问题》</h3>
						</li>
						<li>
							<strong>课程内容：</strong>
							<div>
								1、求职礼仪<br />
								2、薪资构成解读<br />
								3、社保及合同解读<br />
								4、其他职场常见问题
							</div>
						</li>
						<li>
							<strong>掌握能力：</strong>
							<div>
								本课程重点讲解着装、谈话、仪容、薪资构成以及五险一金、合同等方面讲解，从个人形象的打造到熟悉<br />法律法规保护个人权益，进行解读，为能进入职场保驾护航。
							</div>
						</li>
					</ul>
				</div>
				<div class="phaseRight">
					<ul>
						<li>
							<h3>一、算法与网络</h3>
						</li>
						<li>
							<strong>掌握能力：</strong>
							<span>计算机网络进阶、数据结构与算法进阶</span>
						</li>
						<li>
							<strong>解决问题：</strong>
							<div>
								解决数据处理场景中的各种算法及逻辑问题<br />
								解决场景网络协议下的优化调试问题<br />
								解决数据处理场景中的各种算法及逻辑问题<br />
								解决场景网络协议下的优化调试问题
							</div>
						</li>
					</ul>
					<ul>
						<li>
							<h3>二、前端框架（实时新）</h3>
						</li>
						<li>
							<strong>掌握能力：</strong>
							<span
								>Anguar基础与实战、Ionic基础与实战、微信公众号开发、各类混合应用开发、React-Native开发、<br />Flutter开发、大数据课可视化D3.js、桌面APP开发Electron</span
							>
						</li>
						<li>
							<strong>解决问题：</strong>
							<div>
								angular应用开发及相关技术<br />
								公众号开发常见问题<br />
								MUI及Cordova混合开发<br />
								基于RN或者Flutter的原生app开发场景<br />
								大数据可视化实战<br />
								桌面端软件开发
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="btn">
				<a href="https://tb.53kf.com/code/client/10132404/7" target="_blank">获取完整课程大纲</a>
			</div>
			<div class="crea">
				<div class="headImg wow fadeInLeft">
					<p>
						<span>CREA项目研发模型投入使用</span>
						   多学科联合项目，打造web前端培训生态项目库！
					</p>
				</div>
				<ul class="creabox">
					<li>
						<div>
							<img
								src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/icon01@3x.png"
								alt="web前端培训全学科协作"
							/>
							<p><strong>全学科协作</strong></p>
							<p>千锋全学科覆盖企业项目开发前端、中台、后台全流程，真实承接上下游需求，协同协作。</p>
						</div>
					</li>
					<li>
						<div>
							<img
								src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/icon02@3x.png"
								alt="web前端培训跨平台"
							/>
							<p><strong>跨平台实施</strong></p>
							<p>项目交叉融合，PC端、移动端、智能终端，各平台功能实现，技能进步看得见！</p>
						</div>
					</li>
					<li>
						<div>
							<img
								src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/icon03@3x.png"
								alt="web前端培训实操"
							/>
							<p><strong>真场景实操</strong></p>
							<p>还原企业真实开发场景，从项目立项到部署上线全程参与，不落下每一个开发环节。</p>
						</div>
					</li>
					<li>
						<div>
							<img
								src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/icon04@3x.png"
								alt="web前端培训实战验收"
							/>
							<p><strong>高标准验收</strong></p>
							<p>高验收标准，以真实企业需求要求功能实现，项目无BUG，流畅运行。</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- <div class="xiangmuPhoto">
  <div class="typeArea">
  
    <div class="project">
      <div class="tabHead">
        <div class="active">Web大前端项目</div>
       
      </div>
      <div class="tabcontent active">
        <div class="tabcontentLeft">
          <ul>
            <li class="active">ReadIt(electron桌面APP)</li>
            <li>电商管理后台(React)</li>
            <li>仿拉勾管理系统(Node.js)</li>
            <li>公安警情可视化系统</li>
            <li>嗨购(Vue移动端)</li>
            <li>美食大全(react-native版）</li>
            <li>萌宠交易平台(小程序)</li>
            <li>千锋项目后台综合管理系统(Vue PC端)</li>
            <li>小米商城(PC全栈管理系统)</li>
          </ul>
        </div>
        <div class="tabcontentRight">
          <div class="tabcontentRightBox active">
            <div class="tabContent active">
              <div class="swiper-container2">
                <video src="http://7xtcwd.com1.z0.glb.clouddn.com/ReadIt(electron桌面APP)项目演示.mp4" width="571"
                height="360" controls="controls"
                poster="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/vedio1.png"></video>
                
              </div>
              <h3>ReadIt(electron桌面APP)</h3>
              <div class="con5_js">
                <p class="clearfix">
                <p>项目介绍</p>
                <span>ReadIt，是一个基于Electron的桌面应用。用户可以把自己喜欢的网站地址添加进来，系统会自动抓取网页首屏，并做好链接，方便进行网站收藏和快速进入。项目功能包括��加信息、获取屏幕快照、显示列表、打开网站窗口、删除信息、搜索信息、定制菜单和项目打包部署。</span>
                </p>
              </div>
            </div>
            <div class="tabContent h550">
              <h3>掌握能力：</h3>
              <div class="ability">
                <p class="text-content">项目含金量较高，需要有一定web前端培训基础的学员才能上手，完成项目后：</p>
                <p class="text-content">具备PC端、移动端网页布局的能力</p>
                <p class="text-content">具备网页端异步请求的能力</p>
                <p class="text-content">掌握html+css+js知识</p>
                <p class="text-content">掌握node.js知识</p>
                <p class="text-content">掌握 electron 桌面应用开发</p>
                <p class="text-content">了解Vue.js程序的状态管理模式</p>
                <p class="text-content">了解Vue.js的组件化开发</p>
              </div>
            </div>
            <div class="tabContent">
              <div>
                <img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/node1.png" alt="web前端培训应用node模块">
              </div>
              <h3>技术架构：</h3>
            </div>
            <div class="tabBtn">
              <div class="active">项目介绍</div>
              <div>掌握能力</div>
              <div>技术架构</div>
            </div>
          </div>
          <div class="tabcontentRightBox">
            <div class="tabContent active">
              <div class="swiper-container2">
                <video src="http://7xtcwd.com1.z0.glb.clouddn.com/电商管理后台(React).mp4" width="571" height="360"
                controls="controls"
                poster="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/vedio1.png"></video>
              </div>
              <h3>电商管理后台(React)</h3>
              <div class="con5_js">
                <p class="clearfix">
                <p>项目介绍</p>
                <span>电商管理系统(React)，系统包含界面搭建、UI框架使用、React基础语法、路由、全局状态管理等技术。学员通过该项目可以学习到React框架的使用和实战项目中的代码封装技巧，以及服务器端的交互和权限验证。</span>
                </p>
              </div>
            </div>
            <div class="tabContent h550">
              <h3>掌握能力：</h3>
              <div class="ability">
                <p class="text-content">项目含金量较高，需要有一定web前端培训基础的学员才能上手，完成后：</p>
                <p class="text-content">具备PC端、移动端网页布局的能力</p>
                <p class="text-content">具备���页端异步请求的能力</p>
                <p class="text-content">掌握es6基础语法</p>
                <p class="text-content">掌握React基础知识和jsx语法</p>
                <p class="text-content">掌握React项目开发流程和Antd框架使用</p>
                <p class="text-content">掌握Redux状态管理工具使用</p>
                <p class="text-content">掌握客户端和服务器端交互技术</p>
              </div>
            </div>
            <div class="tabContent">
              <div>
                <img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/react5.png" alt="web前端培训电商管理后台项目">
              </div>
              <h3>技术架构：</h3>
            </div>
            <div class="tabBtn">
              <div class="active">项目介绍</div>
              <div>掌握能力</div>
              <div>技术架构</div>
            </div>
          </div>
          <div class="tabcontentRightBox">
            <div class="tabContent active">
              <div class="swiper-container2">
                <video src="http://7xtcwd.com1.z0.glb.clouddn.com/仿拉勾管理系统(Node.js)项目演示.mp4" width="571" height="360"
                controls="controls"
                poster="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/vedio1.png"></video>
              </div>
              <h3>仿���勾管理系统(Node.js)</h3>
              <div class="con5_js">
                <p class="clearfix">
                <p>项目介绍</p>
                <span>拉勾网管理系统是为拉钩内部人员使用的职位信息等数据管理的的平台项目，主要功能有：权限验证，查看职位信息，增加、修改、删除职位信息内容等功能。</span>
                </p>
              </div>
            </div>
            <div class="tabContent h550">
              <h3>掌握能力：</h3>
              <div class="ability">
                <p class="text-content">具备PC端、移动端网页布局的能力</p>
                <p class="text-content">具备网页端异步请求的能力</p>
                <p class="text-content">掌握express框架的使用</p>
                <p class="text-content">掌握mongodb数据库的使用</p>
                <p class="text-content">掌握Vue.js指令以及数据绑定的知识</p>
              </div>
            </div>
            <div class="tabContent">
              <div>
                <img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/vue1.png" alt="web前端培训拉钩管理后台项目">
              </div>
              <h3>技术架构：</h3>
            </div>
            <div class="tabBtn">
              <div class="active">项目介绍</div>
              <div>掌握能力</div>
              <div>技术架构</div>
            </div>
          </div>
          <div class="tabcontentRightBox">
            <div class="tabContent active">
              <div class="swiper-container2">
                <video src="http://7xtcwd.com1.z0.glb.clouddn.com/公安警情可视化(数据可视化)项目演示.mp4" width="571" height="360"
                controls="controls"
                poster="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/vedio1.png"></video>
              </div>
              <h3>公安警情可视化系统</h3>
              <div class="con5_js">
                <p class="clearfix">
                <p>项目介绍</p>
                <span>警情可视化系统是一体大屏可视化决策系统，面向公安指挥中心大屏环境，具备的大数据显示性能以及多机协同管理机制，支持大屏、多屏、超大分辨率等显示情景。</span>
                </p>
              </div>
            </div>
            <div class="tabContent h550">
              <h3>掌握能力：</h3>
              <div class="ability">
                <p class="text-content">项目含金量较高，需要有一定web前端培训基础的学员才能上手，完成后：</p>
                <p class="text-content">具备PC端、移动端网页布局的能力</p>
                <p class="text-content">具备网页端异步请求的能力</p>
                <p class="text-content">掌握Vue.js指令以及数据绑定的知识</p>
                <p class="text-content">熟悉D3.js、Echarts.js框架</p>
                <p class="text-content">熟悉socket.io实时通信</p>
              </div>
            </div>
            <div class="tabContent">
              <div>
                <img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/gongan1.png" alt="web前端培训公安警情可视化系统项目">
              </div>
              <h3>技术架构：</h3>
            </div>
            <div class="tabBtn">
              <div class="active">项目介绍</div>
              <div>掌握能力</div>
              <div>技术架构</div>
            </div>
          </div>
          <div class="tabcontentRightBox">
            <div class="tabContent active">
              <div class="swiper-container2">
                <video src="http://7xtcwd.com1.z0.glb.clouddn.com/嗨购电子商务平台项目演示.mp4" width="571" height="360"
                controls="controls"
                poster="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/vedio1.png"></video>
              </div>
              <h3>嗨购(Vue移动端)</h3>
              <div class="con5_js">
                <p class="clearfix">
                <p>项目介绍</p>
                <span>嗨够电子商务平台是一款大家可以自行购物的webapp。</span>
                </p>
              </div>
            </div>
            <div class="tabContent h550">
              <h3>掌握能力：</h3>
              <div class="ability">
                <p class="text-content">项目含金量较高，需要有一定web前端培训基础的学员才能上手</p>
                <p class="text-content">具备移动端网页布局的能力</p>
                <p class="text-content">具备网页端异步请求的能力</p>
                <p class="text-content">掌握Vue.js指令以及数据绑定的知识</p>
                <p class="text-content">掌握Vue.js路由</p>
                <p class="text-content">掌握Vue.js程序的状态管理模式</p>
                <p class="text-content">掌握Vue.js的组件化开发</p>
              </div>
            </div>
            <div class="tabContent">
              <div>
                <img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/haigou7.png" alt="web前端培训嗨购项目">
              </div>
              <h3>技术架构：</h3>
            </div>
            
            <div class="tabBtn">
              <div class="active">项目介绍</div>
              <div>掌握能力</div>
              <div>技术架构</div>
            </div>
          </div>
          <div class="tabcontentRightBox">
            <div class="tabContent active">
              <div class="swiper-container2">
                <video src="http://7xtcwd.com1.z0.glb.clouddn.com/美食大全(React版)介绍视频.mp4" width="571" height="360"
                controls="controls"
                poster="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/vedio1.png"></video>
              </div>
              <h3>美食大全(react-native版）</h3>
              <div class="con5_js">
                <p class="clearfix">
                <p>项目介绍</p>
                <span>菜谱大全为美食爱好者提供众多菜谱大全，超过上百种各式菜谱的介绍和做菜方法，有各种菜谱大全带图片步骤的详细信息，你可以记录想看、在看和看过的菜谱，顺便打分、写评价，也会根据用户的喜好习惯推荐精彩内容。</span>
                </p>
              </div>
            </div>
            <div class="tabContent h550">
              <h3>掌握能力：</h3>
              <div class="ability">
                <p class="text-content">项目含金量较高，需要有一定web前端培训基础的学员才能上手</p>
                <p class="text-content">掌握react-native开发和测试流程</p>
                <p class="text-content">掌握核心组件和原生组件</p>
                <p class="text-content">掌握特定平台编码方式</p>
                <p class="text-content">掌握Vue.js路由</p>
                <p class="text-content">了解性能优化</p>
                <p class="text-content">了解第三方库引用方式</p>
              </div>
            </div>
            <div class="tabContent">
              <div>
                <img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/meishi4.png" alt="web前端培训美食大全项目">
              </div>
              <h3>技术架构：</h3>
            </div>
            <div class="tabBtn">
              <div class="active">项目介绍</div>
              <div>掌握能力</div>
              <div>技术架构</div>
            </div>
          </div>
          <div class="tabcontentRightBox">
            <div class="tabContent active">
              <div class="swiper-container2">
                <video src="http://7xtcwd.com1.z0.glb.clouddn.com/萌宠交易平台(小程序)项目介绍.mp4" width="571" height="360"
                controls="controls"
                poster="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/vedio1.png"></video>
              </div>
              <h3>萌宠交易平台(小程序)</h3>
              <div class="con5_js">
                <p class="clearfix">
                <p>项目介绍</p>
                <span>专业的在线宠物交易小程序，支持发布宠物交易信息，提供宠物担保交易，宠物交易安全放心，功能强大，深受用户信赖。</span>
                </p>
              </div>
            </div>
            <div class="tabContent h550">
              <h3>掌握能力：</h3>
              <div class="ability">
                <p class="text-content">项目含金量较高，需要有一定web前端培训基础的学员才能上手</p>
                <p class="text-content">具备小程序页面布局的能力</p>
                <p class="text-content">掌握小程序框架</p>
                <p class="text-content">掌握自定义组件</p>
                <p class="text-content">了解小程序运行时</p>
                <p class="text-content">了解插件的使用</p>
              </div>
            </div>
            <div class="tabContent">
              <div>
                <img
                  src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/mengchong3.png?adfcds"
                  alt="web前端培训萌宠小程序项目">
              </div>
              <h3>技术架构：</h3>
            </div>
            <div class="tabBtn">
              <div class="active">项目介绍</div>
              <div>掌握能力</div>
              <div>技术架构</div>
            </div>
          </div>
          <div class="tabcontentRightBox">
            <div class="tabContent active">
              <div class="swiper-container2">
                <video src="http://7xtcwd.com1.z0.glb.clouddn.com/千锋项目后台综合管理系统(Vue PC端)项目演示.mp4" width="571"
                height="360" controls="controls"
                poster="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/vedio1.png"></video>
              </div>
              <h3>千锋项目后台综合管理系统(Vue PC端)</h3>
              <div class="con5_js">
                <p class="clearfix">
                <p>项目介绍</p>
                <span>这是一个后台管理系统,全部使用前端流行技术,前端采用vue全家桶 elementui axios jwt等前沿技术 后端是nodejs+mongodb+mysql搭建的服务器,使用jwt
                  express mongoose oauth2.0等技术.前端页面包括管理首页 学员管理 考勤管理 用户管理 数据中心等。</span>
                </p>
              </div>
            </div>
            <div class="tabContent h550">
              <h3>掌握能力：</h3>
              <div class="ability">
                <p class="text-content">项目含金量较高，需要有一定web前端培训基础的学员才能上手</p>
                <p class="text-content">具备PC端、后台接口编写能力</p>
                <p class="text-content">具备网页端异步请求的能力</p>
                <p class="text-content">掌握es6基础语法</p>
                <p class="text-content">掌握vue全套知识点并应用</p>
                <p class="text-content">掌握oauth授权</p>
                <p class="text-content">掌握导出excel</p>
                <p class="text-content">掌握jwt</p>
                <p class="text-content">掌握权限控制</p>
                <p class="text-content">掌握客户端和服务器端交互技术</p>
              </div>
            </div>
            <div class="tabContent">
              <div>
                <img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/glxt5.png" alt="web前端培训项目后台管理系统项目">
              </div>
              <h3>技术架构：</h3>
            </div>
            <div class="tabBtn">
              <div class="active">项目介绍</div>
              <div>掌握能力</div>
              <div>技术架构</div>
            </div>
          </div>
          <div class="tabcontentRightBox">
            <div class="tabContent active">
              <div class="swiper-container2">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/xiaomi1.png?dsd">
                  </div>
                  <div class="swiper-slide">
                    <img
                      src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/xiaomi2.png?sdfds">
                  </div>
                </div>
              </div>
              <h3>小米商城(PC全栈管理系统)</h3>
              <div class="con5_js">
                <p class="clearfix">
                <p>项目介绍</p>
                <span>仿前端小米商城，本项目是基于原生JavaScript等前端技术实现的仿小米电商网站。本项目前端代码设计技术栈有（JQuery、scss、Gulp、模块化开发），后台构造技术包括（PHP、MySQL）等后台编程知识。</span>
                </p>
              </div>
            </div>
            <div class="tabContent h550">
              <h3>掌握能力：</h3>
              <div class="ability">
                <p class="text-content">具备网页端异步请求的能力</p>
                <p class="text-content">掌握jquery javascript基础语法</p>
                <p class="text-content">掌握scss语法</p>
                <p class="text-content">掌握自动化流布局工具Gulp使用</p>
                <p class="text-content">掌握css预编译处理器scss使用</p>
                <p class="text-content">掌握模块发开发技术requirejs和AMD规范</p>
                <p class="text-content">掌握客户端和服务器端交互技术</p>
              </div>
            </div>
            <div class="tabContent">
              <div>
                <img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/xiaomi6.png" alt="web前端培��小米商城项目">
              </div>
              <h3>技术架构：</h3>
            </div>
            <div class="tabBtn">
              <div class="active">项目介绍</div>
              <div>掌握能力</div>
              <div>技术架构</div>
            </div>
          </div>
        </div>
      </div>
      <div class="tabcontent">
        111
      </div>
      <div class="btn">
        <a href="https://tb.53kf.com/code/client/10132404/7" target="_blank">查看其他web前端培训实战项目</a>
      </div>
    </div>
  </div>
</div> -->
<!-- 导师 -->
<div class="teach">
	<div class="warp c6-warp1">
		<div class="ctit wow jello">
			<h2><span>讲师天团</span></h2>
		</div>
		<div class="c6-cont1 clearfix" style="display: none">
			<div class="c6-contLeft active">
				<div class="headBtn">
					<p>总监级讲师团</p>
				</div>
				<div class="content">
					<p>
						由中科院计算机领衔组建，讲师均来自百度、网易、去哪儿网等一线大厂，兼具大型项目开发经验与学科经验，严格筛选面试通过率不超过5%
					</p>
					<div class="imgBox">
						<div>
							<img
								src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/zu215@3x.png"
								alt=""
							/>
						</div>
						<div>
							<img
								src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/zu214@3x.png"
								alt=""
							/>
						</div>
						<div>
							<img
								src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/zu216@3x.png"
								alt=""
							/>
						</div>
					</div>
					<div class="imgBox">
						<div>
							<img
								src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/zu217@3x.png"
								alt=""
							/>
						</div>
						<div>
							<img
								src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/zu218@3x.png"
								alt=""
							/>
						</div>
						<div>
							<img
								src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/zu219@3x.png"
								alt=""
							/>
						</div>
					</div>
				</div>
			</div>
			<div class="c6-contLeft">
				<div class="headBtn">
					<p>企业讲师团</p>
				</div>
				<div class="content">
					<div class="content">
						<p>
							千锋web前端培训机构引入企业技术官，负责企业课内容讲解，实时掌控热门技术、前沿趋势及新招聘需求，让学员开发能力进步的同时学习到契合企业招聘需求的前瞻技术
						</p>
						<div class="imgBox">
							<div>
								<img
									src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/zu220@3x.png"
									alt=""
								/>
							</div>
							<div>
								<img
									src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/zu222@3x.png"
									alt=""
								/>
							</div>
							<div>
								<img
									src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/zu221@3x.png"
									alt=""
								/>
							</div>
						</div>
						<div class="imgBox">
							<div>
								<img
									src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/zu225@3x.png"
									alt=""
								/>
							</div>
							<div>
								<img
									src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/zu223@3x.png"
									alt=""
								/>
							</div>
							<div>
								<img
									src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/zu224@3x.png"
									alt=""
								/>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="warp c6-new wow bounce">
		<div class="c6-new-tabs flex">
			<div class="c6-new-tab active">教研团队</div>
			<div class="c6-new-tab">教学天团</div>
			<div class="c6-new-tab">企业讲师</div>
		</div>
	</div>

	<div class="c6-cont2 active">
		<div class="c11_add_cont one">
			<ul class="jytd">
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/lanxi_03.jpg"
						alt="web前端培训蓝浠老师"
					/>
					<div>
						<p>蓝浠 <span>千锋教研院执行院长</span></p>
						<p class="p2">
							毕业于布列斯特普希金国立大学，曾任北京市属高校师资培训中心特邀讲师。著有《HTML5从入门到精通》等多本书籍，被500多所高校选用。深耕IT职业教育行业十多年，培养的学员遍布各互联网大厂，多为中坚力量。
						</p>
					</div>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/gysr_03.jpg"
						alt="web前端培训古艺散人老师"
					/>
					<div>
						<p>陆荣涛 <span>前端研究员</span></p>
						<p class="p2">
							前去哪儿网高级前端工程师，曾主导去哪儿网在线服务频道Hybrid
							App开发，负责架构组产品的应用与推广。曾任海淀园电子政务高级产品经理，主导海淀区在线办公，海淀园OA系统交互设计与前端开发。擅长Node.js，React，Vue，Angular，Hybrid，RN，Flutter，微信小程序，移动端布局与适配等课程讲授。
						</p>
					</div>
				</li>

				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/ghost_03.jpg"
						alt="web前端培训Ghost老师"
					/>
					<div>
						<p>Ghost <span>前端研究员</span></p>
						<p class="p2">
							先后就职于多家上市企业，任高级前端开发岗位，如：阿里软件、暴风音影、人人网等。多年IT培训经验，拥有著作：《HTML5从入门到精通》、《JavaScript实战详解》、《jQuery从入门到实战》。
						</p>
					</div>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/qdxhl_03.jpg"
						alt="web前端培训小灰狼老师"
					/>
					<div>
						<p>前端小灰狼 <span>前端研究员</span></p>
						<p class="p2">
							精通原生JS，jquery，node，angularJS，Vue，小程序，typescript
							开发。曾参与腾讯看比赛项目PC端和移动端开发。
						</p>
					</div>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/xiaoniu.png"
						alt="web前端培训小牛哥老师"
					/>
					<div>
						<p>小牛哥 <span>前端研究员</span></p>
						<p class="p2">
							曾任职于中网载线网络技术有限公司，负责后端技术开发和前端工作的管理，4年教学经验，精通node，vue，小程序，react、js，HTML，css等前端技术，教学格言：坚持学习不一定成功，但不坚持学习一定不会成功。
						</p>
					</div>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/eric_03.jpg"
						alt="web前端培训Eric老师"
					/>
					<div>
						<p>Eric <span>前端研究员</span></p>
						<p class="p2">
							毕业于西安电子科技大学,曾任职于��安电子科技大学，现Adobe专家委员会委员，曾任西安美院，交通大学，西北工业大学，思源学院，西京大学客座讲师，精通前端开发，桌面应用开发，页游开发，手机视频项目开发，手机H5游戏开发，手机2D游戏开发，手机3D开发。
						</p>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<div class="c6-cont2 twos">
		<div class="c11_add_cont two">
			<ul>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/te1_03.jpg"
						alt="web前端培训宋老师"
					/>
					<div>
						<p>千锋金牌宋</p>
						<p class="p2">Web大前端讲师</p>
					</div>
					<div class="c11_add_teacher_info">
						<p class="c11_teacher_intro">
							3年中大型项目开发、管理经验，熟练掌握web前端前沿技术。曾在北京中软国际开发过oa、cms、erp等大型中后端项目产品，经验丰富。另线下教学4年，授课经验丰富，带领万名学员成功就业。其授课当中语言幽默风趣，思路逻辑清晰，颇受学生欢迎。
						</p>
					</div>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/te2_03.jpg"
						alt="web前端培训欧阳锋老师"
					/>
					<div>
						<p>摸鱼欧阳锋</p>
						<p class="p2">Web大前端讲师</p>
					</div>
					<div class="c11_add_teacher_info">
						<p class="c11_teacher_intro">
							原永辉金融项目负责人。精通H5，c3 ，javascript，vue，react
							，小程序，app开发，熟练使用各种技术栈node，php，mysql，mongodb等，对框架底层有独到的见解。
						</p>
					</div>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/te3_03.jpg"
						alt="web前端培训老陈醋老师"
					/>
					<div>
						<p>老陈醋</p>
						<p class="p2">HTML5大前端讲师</p>
					</div>
					<div class="c11_add_teacher_info">
						<p class="c11_teacher_intro">
							十多年在京的IT行业从事经验及教学经验。曾负责上海、浙江、安徽等地的铁路视频会议项目实施。曾在北京海淀计算机学校、八维研修学院任金牌讲师及阶段教学主任
							具有计算机等级初级、二级VF认证、网络工程师CCNA认证。
						</p>
					</div>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/te4_03.jpg"
						alt="web前端培训中原李彦宏老师"
					/>
					<div>
						<p>Honnygao</p>
						<p class="p2">HTML5大前端讲师</p>
					</div>
					<div class="c11_add_teacher_info">
						<p class="c11_teacher_intro">
							12年互联网行业从业经验，原著名互联网企业项目主管，全栈工程师。有着丰富的移动端和云平台开发经验。主要负责项目web架构设计，主导的项目有职场社交，基于SAAS的CRM平台、桌面应用，智能互联等等类型。一直以来，秉承着“轻负担，高效率，教给学生有用的东西”这一理念，让学生学以致用，不同凡响。
						</p>
					</div>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/te5_03.jpg"
						alt="web前端培训fly老师"
					/>
					<div>
						<p>码亦欢</p>
						<p class="p2">HTML5大前端讲师</p>
					</div>
					<div class="c11_add_teacher_info">
						<p class="c11_teacher_intro">
							拥有6年软件开发经验与项目管理经验,曾任职深圳市博网科技担任项目负责人,为上港集团、日本矢崎开发OA、ERP、TMS等一系列系统。5年多的教学经验,总结了一套属于自己的独特幽默教学风格。
						</p>
					</div>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/te6_03.jpg"
						alt="web前端培训西北肖战老师"
					/>
					<div>
						<p>西北肖战</p>
						<p class="p2">HTML5大前端讲师</p>
					</div>
					<div class="c11_add_teacher_info">
						<p class="c11_teacher_intro">
							十年开发经验，十二年教学经验，西北地区第一批接触互联网的人员。曾参与中石化进销存系统、陕西电力局客服���统项目。教学风格风趣幽默不失严谨，喜欢剖析原理，程序生活化。
						</p>
					</div>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/te7_03.jpg"
						alt="web前端培训贫嘴张大民老师"
					/>
					<div>
						<p>贫嘴张大民</p>
						<p class="p2">HTML5大前端讲师</p>
					</div>
					<div class="c11_add_teacher_info">
						<p class="c11_teacher_intro">
							从事前端开发多年，有丰富的前端开发经验，参与主持过大小将近20个项目的开发。有丰富的项目开发和项目管理经验，精通前端相关开发语言，以及相关的后台技术，Java，PHP都有一定深度的研究。
						</p>
					</div>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/te8_03.jpg"
						alt="web前端培训conner老师"
					/>
					<div>
						<p>蜀山彭于晏</p>
						<p class="p2">HTML5大前端讲师</p>
					</div>
					<div class="c11_add_teacher_info">
						<p class="c11_teacher_intro">
							毕业后一直从事前端相关工作，共8年前端从业经验，曾参与大型智慧交通控制系统以及智慧高速摄像头控制系统以及其他金融系统。喜欢用实际开发需求展开知识点的讲解、擅于引导学生掌握正确学习方法以及提高解决问题的能力。
						</p>
					</div>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/te9_03.jpg"
						alt="web前端培训Kerwin老师"
					/>
					<div>
						<p>Kerwin</p>
						<p class="p2">HTML5大前端讲师</p>
					</div>
					<div class="c11_add_teacher_info">
						<p class="c11_teacher_intro">
							前IBM高级软件工程师，前端技术顾问，获得IBM WORKLIGHT
							跨平台移动应用高级开发者认证，致力于HTML5，Android，iOS移动应用开发以及多种基础平台整合的企业级解决方案。
						</p>
					</div>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/te10_03.jpg"
						alt="web前端培训千锋艾佛森老师"
					/>
					<div>
						<p>千锋艾佛森</p>
						<p class="p2">HTML5大前端讲师</p>
					</div>
					<div class="c11_add_teacher_info">
						<p class="c11_teacher_intro">
							9年前端从业经验，曾参与开发多个大型互联网项目。5年前端授课及教学管理经验，曾担任华清远见公司HTML5教学主管，长期参与课程体系的设计制定与研究。全面拥抱全栈式开发，擅长Nodejs、MongoDB、React、Vue、Typscript等前后端开发技术。对多平台的跨端开发方案深有研究，采用uniapp、RN、Taro等跨端技术开发过成熟的商业应用。热衷于CocosCreator引擎进行跨端小游戏的开发。
						</p>
					</div>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/te11_03.jpg"
						alt="web前端培训天棒老师"
					/>
					<div>
						<p>天棒</p>
						<p class="p2">HTML5大前端讲师</p>
					</div>
					<div class="c11_add_teacher_info">
						<p class="c11_teacher_intro">
							5年教学经验，曾参与兄弟装饰官网、老牛网等项目，授课方式以理论基础与实际项目相结合，耐心细致解答学生疑问，引入生活讲解代码，深入浅出讲解JS。
						</p>
					</div>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/te12_03.jpg"
						alt="web前端培训孙多多老师"
					/>
					<div>
						<p>孙多多</p>
						<p class="p2">HTML5大前端讲师</p>
					</div>
					<div class="c11_add_teacher_info">
						<p class="c11_teacher_intro">
							超过4年的开发经验和全栈讲师经验。拥有丰富的教学经验，精通HTML、CSS、Javascript、JQ、Node.JS、VUE等前端开发多种技术，曾参与数个大规模网站构建和运营、长期参与一线项目开发和项目管控。
						</p>
					</div>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/te13_03.jpg"
						alt="web前端培训大雷神老师"
					/>
					<div>
						<p>大雷神</p>
						<p class="p2">HTML5大前端讲师</p>
					</div>
					<div class="c11_add_teacher_info">
						<p class="c11_teacher_intro">
							2011开始从事前端工作，完成万科汇，新地置业，太湖流域水纹分析，海峡导报app，社交旅游app趣玩客若干前端项目，并且精通c#、java、golang
							android移动端开发，mssql、mysql
							oracle数据库开发，并完成hrelite、hrelite2若干个香港汇丰银行、友邦强积金管理系统。
						</p>
					</div>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/te14_03.jpg"
						alt="web前端培训秋名山车神老师"
					/>
					<div>
						<p>秋名山车神</p>
						<p class="p2">HTML5大前端讲师</p>
					</div>
					<div class="c11_add_teacher_info">
						<p class="c11_teacher_intro">
							精真估、特斯联前端架构师，8年前端经验，曾参与手拉手电商平台，精真估评估客户端App，水电监测系统等项目。
						</p>
					</div>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/te15_03.jpg"
						alt="web前端培训九叔老师"
					/>
					<div>
						<p>九叔</p>
						<p class="p2">HTML5大前端讲师</p>
					</div>
					<div class="c11_add_teacher_info">
						<p class="c11_teacher_intro">
							精通java、html5、JavaScrip等常用开发语言，曾参与并主持中国移动信号测系统、自动电话报备系统某军区物资管理系统等众多大型项目，一线互联网公司从业经验，曾任职中国移动、KSSIP等大型公司，历任项目总监、技术部主管、项目部主管等众多高级技术岗位，多年从事高可用性移动数据交换系统、移动数据通信基础设施SOA语音数据传输等工作。
						</p>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<div class="c6-cont2 twos">
		<div class="c11_add_cont two">
			<ul style="overflow: hidden">
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/quan.jpg"
						alt="web前端培训全战胜老师"
					/>
					<div>
						<p>全战胜</p>
						<p class="p2">美国艾迪森高级工程师</p>
					</div>
					<div class="c11_add_teacher_info">
						<p class="c11_teacher_intro">
							2005年毕业于大连理工大学。从事软件研发十余年，全栈工程师，项目经理，前端高级工程师；精通前端，JAVA, HTML5, C#, PHP，Oracle, Mysql,Sqlserver, Salesforce等技术，曾参与丰田、东芝、全日空、每日新闻、罗氏制药、NHK等多家大型企业系统的设计开发工作，在企业信息化系统，云计算，前端开发等方面拥有丰富的实战经验，并持有PMP，Salesforce (DEV401) 认证。
						</p>
					</div>
				</li>
				<li>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/qy2_03.jpg"
						alt="web前端培训徐阳老师"
					/>
					<div>
						<p>李圣龙</p>
						<p class="p2">阿里高级工程师</p>
					</div>
					<div class="c11_add_teacher_info">
						<p class="c11_teacher_intro">
							BAT一线前端工程师，负责数据平台技术研发。前去哪儿网高级前端工程师，曾主导去哪儿网内部前端监控系统设计，负责去哪儿门票用户端的前端设计开发。擅长于前端工程化设计，在React, Vue, Webpack, SSR, TDD等前端技术领域，有丰富的实战经验。
						</p>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<div class="warp c6-warp2">
		<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank"> 查看多web前端培训讲师</a>
	</div>
</div>
<!-- 一站式教学 -->
<div class="jxfd">
	<h2 class="ntit wow jello">一站式教学辅导，为你的职业生涯保驾护航</h2>
	<div class="jxfd-con">
		<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/jxfd-pic.png" alt="" />
		<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank" class="nbtn">咨询详情</a>
	</div>
</div>
<!-- 原创教材 -->
<div class="ycjc">
	<h2 class="ntit">千锋前端系列原创教材</h2>
	<p class="ntit-des">攻克难点、突出热点、由浅入深，已被近500所高校选作授课教材</p>
	<div class="ycjc-con">
		<div class="ycjc-left">
			<div>
				<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank">
					<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/ycjc-1.png" alt="" />
					<p>配套视频教程</p>
				</a>
				<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank">
					<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/ycjc-2.png" alt="" />
					<p>免费公开课课件</p>
				</a>
				<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank">
					<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/ycjc-3.png" alt="" />
					<p>完整教学大纲</p>
				</a>
				<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank">
					<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/ycjc-4.png" alt="" />
					<p>教学案例库</p>
				</a>
				<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank">
					<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/ycjc-5.png" alt="" />
					<p>实战项目</p>
				</a>
				<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank">
					<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/ycjc-6.png" alt="" />
					<p>学习路线图</p>
				</a>
				<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank">
					<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/ycjc-7.png" alt="" />
					<p>线上答疑</p>
				</a>
				<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank">
					<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/ycjc-8.png" alt="" />
					<p>试题库</p>
				</a>
			</div>
		</div>
		<div class="ycjc-right">
			<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/ycjc-book.png" alt="" />
		</div>
	</div>
	<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank" class="nbtn">了解详情</a>
</div>
<div class="newsPhoto">
	<div class="typeArea">
		<!-- 招聘新闻 -->
		<div class="c7">
			<div class="warp">
				<h3 class="c7-ftit">20000余家服务企业，搭建互联网人才输送平台</h3>
				<div class="c7-cont1">
					<div>
						<div class="wow slideInLeft" data-wow-duration="1s">
							<h3>企业双选会：</h3>
							<p>整合企业招聘资源，定期举办双选会，20000余家企业为学员打开职场通道。</p>
						</div>
						<div class="wow slideInLeft" data-wow-duration="1s" data-wow-delay="1s">
							<h3>人才定制：</h3>
							<p>与企业签订人才培养协议，按需求定制培养</p>
						</div>
						<div class="wow slideInLeft" data-wow-duration="1s" data-wow-delay="2s">
							<h3>上门招聘：</h3>
							<p>企业定期上门招聘，在毕业班进行人才选拔</p>
						</div>
						<div class="wow slideInLeft" data-wow-duration="1s" data-wow-delay="3s">
							<h3>企业内推：</h3>
							<p>老师企业直推，学员可获得面试机会。</p>
						</div>
						<div class="wow slideInLeft" data-wow-duration="1s" data-wow-delay="4s">
							<h3>求职服务：</h3>
							<p>一地学习多地求职，同城异地自主选择。</p>
						</div>
					</div>
				</div>
			</div>
			<div class="btn">
				<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank"> 咨询其他内容</a>
			</div>
		</div>
	</div>
</div>
<!-- 学习环境 -->
<div class="xxhj">
	<h2 class="ntit wow fadeInUp">舒适学习环境，良好学习氛围</h2>
	<img src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/xxhj-pic.png" alt="" class="" />
	<a href="http://tb.53kf.com/code/client/10132404/7" target="_blank" class="nbtn">查看详情</a>
</div>
<!-- 地图 -->
<!-- <div class="c15">
  <div class="warp">
    <div class="c15-cont">
      <img
        src="http://www.mobiletrain.org/images/qf-2018-h5/c15-map.png"
        alt="优势"
      />
      <img
        class="c15_zb"
        src="http://www.mobiletrain.org/images/qf-2018-h5/c15-map-zb.png"
        alt="优势"
      />
      <div title="web前端学员优势">
        <h3 title="一地学习  国内">一地学习 国内</h3>
        <div
          title="体系覆盖国内，超18000家定期招聘，学员可随心选择。"
        >
          <p>
            · 体系覆盖国内，<br />
            · 超20000家服务企业定期招聘，<br />
            · 学员可随心选择。
          </p>
        </div>
        <h3 title="不同的城市同样的全程面授千锋始终在坚持">
          <span>不同的城市</span><br />同样的<i>全程面授</i><br />千锋始终在坚持
        </h3>
        <div
          title="国内各校区讲师统一管理，招聘标准一致，课程大纲全范围内定期升级新，关心学员学习质量"
        >
          <p>
            · 国内各校区讲师统一管理，招聘标准一致，<br />
            · 课程大纲全范围内定期升级新，<br />
            · 关心学员学习质量
          </p>
        </div>
      </div>
    </div>

    <div class="cbtn-box">
      <a
        href="http://tb.53kf.com/code/client/10132404/7"
        rel="nofollow"
        target="_blank"
        class="bubbly-button"
        >点击报名</a
      >
    </div>
  </div>
</div> -->
<!-- <div class="new-map">
    <div class="new-warp">
        <h2 class="map-tit1">不同的城市学习，同样的授课品质</h2>
        <h3 class="map-tit2">总部统一调配师资到当地城市授课，践行“严管是大爱”理念，对学员一站式管理</h3>
        <div class="map-con">
            <div class="map-con-left">
                <div>
                    <h3>18个</h3>
                    <p>分校</p>
                </div>
                <div>
                    <h3>22个</h3>
                    <p>学科中心</p>
                </div>
            </div>
            <div class="map-con-right">
                <img src="http://img.mobiletrain.org/templates/mobiletrain/images/map/citys.png" alt="" />
            </div>
        </div>
        <div class="map-con2">
            <div class="map-con2-item">
                <h3>严格督学</h3>
                <p>专职老师严格督学，不给学员懈怠、退缩的机会</p>
            </div>
            <div class="map-con2-item">
                <h3>全流程陪同</h3>
                <p>从试听、到职后、晋升全流程终身陪同</p>
            </div>
            <div class="map-con2-item">
                <h3>保姆式服务</h3>
                <p>衣、食、住、行、学、用，全链路保姆式服务</p>
            </div>
            <div class="map-con2-item">
                <h3>高质量</h3>
                <p>在校期间，一切以高质量为导向，用结果说话</p>
            </div>
        </div>
        <a href="https://tb.53kf.com/code/client/10132404/7" target="_blank" class="map-btn">点击咨询报名</a>
    </div>
</div> -->
<div class="module-3022-wrap">
  <div class="module-3022 wow zoomIn">
    <div class="city-module">
      <p class="title">
        不同的城市学习，同样的<span class="blod">授课品质</span>
      </p>
      <p class="dec">
        总部统一调配师资到当地城市授课，标准化学科，打造核心技术人才
      </p>
      <div class="lists">
        <div class="list">
          <img
            src="http://img.mobiletrain.org/templates/mobiletrain/images/list-1-1.818616c2.png"
            class="icon"
            alt="18个城市同步授课"
          />
          <p class="list-title"><span class="num">18个</span>城市同步授课</p>
          <p class="list-dec">相同的课程，同样的学科管理模式</p>
        </div>
        <div class="list">
          <img
            src="http://img.mobiletrain.org/templates/mobiletrain/images/list-1-2.d2d60510.png"
            class="icon"
            alt="300余位业内讲师"
          />
          <p class="list-title"><span class="num">300</span>余位业内讲师</p>
          <p class="list-dec">同样的师资力量，统一授课标准</p>
        </div>
        <div class="list">
          <img
            src="http://img.mobiletrain.org/templates/mobiletrain/images/list-1-3.05d069c3.png"
            class="icon"
            alt="每年培养20000余名技术人才"
          />
          <p class="list-title">
            每年培养<span class="num">20000</span>余名技术人才
          </p>
          <p class="list-dec">统一人才培养流程，助力人才发展</p>
        </div>
      </div>
    </div>
    <div class="manage-module">
      <div class="title-wrap">
        <div class="title">
          践行<span class="blod">严管是大爱</span>理念，对学员一站式管理
        </div>
      </div>
      <div class="lists">
        <div class="list">
          <p class="title">严格督学</p>
          <div class="list-main">
            <p class="dec">专职老师严格督学<br />不给学员</p>
            <p class="list-btn">懈怠、退缩的机会</p>
          </div>
        </div>
        <div class="list">
          <p class="title">全流程陪同</p>
          <div class="list-main">
            <p class="dec">从试听、<br />到职后、晋升</p>
            <p class="list-btn">全流程陪同</p>
          </div>
        </div>
        <div class="list">
          <p class="title">保姆式服务</p>
          <div class="list-main">
            <p class="dec">衣、食、住<br />行、学、用</p>
            <p class="list-btn">全链路保姆式服务</p>
          </div>
        </div>
        <!--         <div class="list">
          <p class="title">帮助学员求职</p>
          <div class="list-main">
            <p class="dec">在校期间，一切以<br />帮助学员求职为导向</p>
            <p class="list-btn">用结果说话</p>
          </div>
        </div> -->
      </div>
    </div>
    <a
      href="https://tb.53kf.com/code/client/10132404/7"
      target="_blank"
      rel="nofollow"
      class="map-btn"
      >点击咨询报名</a
    >
  </div>
</div>

<!-- 问题 -->
<div class="wenti">
	<div class="typeArea news">
		<!-- 其他问题 -->
		<div class="c10">
			<div class="warp">
				<div class="ctit">
					<h2><span>其他问题</span></h2>
				</div>
				<div class="c10-cont clearfix">
					<ul class="fl c10-cont-l">
						<li class="active wow fadeInLeft" data-wow-duration="1s">
							<span>01</span
							><a href="http://tb.53kf.com/code/client/10132404/7" target="_blank"
								>应届生学Web大前端需要具备哪些条件？
							</a>
						</li>
						<li class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay="1s">
							<span>02</span
							><a href="http://tb.53kf.com/code/client/10132404/7" target="_blank"
								>非计算机专业能学会Web大前端吗？
							</a>
						</li>
						<li class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay="2s">
							<span>03</span
							><a href="http://tb.53kf.com/code/client/10132404/7" target="_blank"
								>小白学Web大前端大概多久能学会？
							</a>
						</li>
						<li class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay="3s">
							<span>04</span
							><a href="http://tb.53kf.com/code/client/10132404/7" target="_blank"
								>学完Web大前端工资是什么水平？
							</a>
						</li>
						<li class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay="4s">
							<span>05</span
							><a href="http://tb.53kf.com/code/client/10132404/7" target="_blank"
								>Web大前端好找工作吗？
							</a>
						</li>
						<li class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay="5s">
							<span>06</span
							><a href="http://tb.53kf.com/code/client/10132404/7" target="_blank"
								>在职转行Web大前端有优势吗？
							</a>
						</li>
					</ul>
					<img
						src="http://img.mobiletrain.org/templates/mobiletrain/images/qf-2020-htm5/人物@3x.png"
						alt=""
						class="fr"
					/>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
		<!-- 友链 -->
		<div class="bottom_part1 base">
  <h6 class="qiye">
    <span title="友情链接" style="background: #3688ff">友情链接</span>
    <button class="bottom_btn">
      更多<img
        src="http://img.mobiletrain.org/templates/mobiletrain/images/index_arrow.png"
      />
    </button>
  </h6>
  <div class="btn_content">
    <p>
      <a href="http://www.mobiletrain.org/java/" target="_blank">Java培训</a>
      <a href="http://www.mobiletrain.org/page/ui.html" target="_blank"
        >ui培训</a
      >
      <!-- <a href="http://www.mobiletrain.org/page/" target="_blank">学习路线</a> -->
      <a href="http://www.mobiletrain.org/linux/" target="_blank"
        >Linux云计算培训</a
      >
      <a href="http://www.mobiletrain.org/topic/redhat/" target="_blank"
        >Redhat红帽认证培训</a
      >
      <!-- <a href="http://www.mobiletrain.org/topic/rjcsxx/" target="_blank">女生学软件测试</a> -->
      <a href="http://www.mobiletrain.org/page/html5.html" target="_blank"
        >web前端培训</a
      >
      <a href="http://www.mobiletrain.org/jingjia/pmp/" target="_blank"
        >PMP培训</a
      >
      <a href="http://www.mobiletrain.org/newMedia/index.html" target="_blank"
        >短视频+直播电商培训</a
      >
      <a href="http://www.qfedu.com/topic/software/" target="_blank"
        >软件测试培训</a
      >
    </p>
    <p id="showContent">
      <a href="http://www.mobiletrain.org/big_data/" target="_blank"
        >大数据培训</a
      >
      <a href="http://www.mobiletrain.org/page/python/" target="_blank"
        >Python培训</a
      >
      <a href="http://www.mobiletrain.org/page/wlaq/" target="_blank"
        >网络安全培训</a
      >
      <a href="http://video.mobiletrain.org/" target="_blank">Java视频教程</a>
      <a href="http://www.atguigu.com/" target="_blank">尚硅谷</a>
      <a href="http://www.fhgy.cn" target="_blank">艺考培训班</a>
      <a href="http://www.zzyjs.com/" target="_blank">在职研究生</a>
      <a href="http://pdftoword.55.la/" target="_blank">pdf转换成word</a>
      <a href="http://www.zxzhijia.com/" target="_blank">装修网</a>
      <a href="https://www.eduour.com/" target="_blank">在职研究生</a>
      <a href="http://www.ms315.com/" target="_blank">美术高考网</a>
      <a href="http://www.yingsheng.com/" target="_blank">在线培训机构</a>
      <a href="http://www.bkzzy.com/" target="_blank">在职研究生网</a>
      <a href="http://www.hebjxw.com/" target="_blank">技校</a>
      <a href="http://www.xuex.cn/" target="_blank">补课班</a>
      <a href="http://www.chinaedu.com/" target="_blank">101教育网</a>
      <a href="http://www.zhongyin.net.cn/" target="_blank">艺考</a>
      <a href="https://www.acgedu.cn/" target="_blank">作品集培训</a>
      <a href="http://www.wiseway.com.cn/" target="_blank">英国留学</a>
      <a href="http://www.duyan.com.cn" target="_blank">在职研究生</a>
      <a href="http://www.mingketang.com/" target="_blank">企业管理培训</a>
      <a href="https://www.yanedu.com/" target="_blank">在职研究生</a>
      <a href="https://www.mxsyzen.com/" target="_blank">艺术留学</a>
      <a href="http://www.eduease.com" target="_blank">北京家教</a>
      <a href="http://sydw.huatu.com/" target="_blank">事业单位招聘网</a>
      <a href="https://www.yangongzi.cn/" target="_blank">在职硕士</a>
      <a href="http://www.fanxuefei.com/" target="_blank">返学费网</a>
      <a href="http://www.dexuee.com/" target="_blank">德学网</a>
      <a href="http://js.qinxue100.com/" target="_blank">南京一对一辅导</a>
      <a href="http://www.pxwy.cn/ " target="_blank">培训无忧网</a>
      <a href="http://www.dujinchi.com" target="_blank">计算机培训</a>
      <a href="http://cneea.co/" target="_blank">中国教育考试网</a>
      友链申请（qq）：726545669
    </p>
  </div>

  <script>
    if (
      location.hostname === "www.mobiletrain.org" &&
      location.pathname !== "/"
    )
      document.getElementsByClassName("bottom_part1")[0].style.display = "none";
  </script>
</div>

		<!-- 底部 -->
		<div class="bottom_part2">
	<script>
		(function () {
			var bp = document.createElement("script");
			var curProtocol = window.location.protocol.split(":")[0];
			if (curProtocol === "https") {
				bp.src = "https://zz.bdstatic.com/linksubmit/push.js";
			} else {
				bp.src = "http://push.zhanzhang.baidu.com/push.js";
			}
			var s = document.getElementsByTagName("script")[0];
			s.parentNode.insertBefore(bp, s);
		})();
	</script>

	<script>
		// if (!!location.pathname.match(/news|info/)) {
		//   var nodes = document
		//     .getElementsByClassName("list_right_rmsp")[0]
		//     .getElementsByTagName("a");
		//   for (let i = 0; i < nodes.length; i++) {
		//     nodes[i].href = "http://video.mobiletrain.org/";
		//   }
		// }

		// var nodes = document
		//   .getElementsByClassName("video_wrap")[0]
		//   .getElementsByClassName("swiper-wrapper")[0].children;
		// for (let i = 0; i < nodes.length; i++) {
		//   nodes[i].getElementsByTagName("a")[0].href =
		//     "http://video.mobiletrain.org/";
		// }

		/*修改53*/
		if (
			!!location.hostname.match(
				/wh\.mobiletrain\.org|cd\.mobiletrain\.org|zz\.mobiletrain\.org|sh\.mobiletrain\.org/
			)
		) {
			// 学科
			var nodes = document.getElementsByClassName("course_wrap")[0].getElementsByTagName("li");
			for (let i = 4; i < nodes.length; i++) {
				nodes[i].getElementsByTagName("a")[0].href = "https://tb.53kf.com/code/client/10132404/14";
			}
			// 视频更多
			document.getElementsByClassName("video_wrap")[0].getElementsByClassName("btn")[0].href =
				"https://tb.53kf.com/code/client/10132404/14";
			// 上门招聘更多
			document.getElementsByClassName("smzp_wrap")[0].getElementsByClassName("btn")[0].href =
				"https://tb.53kf.com/code/client/10132404/14";
			// 师资
			document.getElementsByClassName("teacher_wrap")[0].getElementsByClassName("btn")[0].href =
				"https://tb.53kf.com/code/client/10132404/14";
			// 面试技巧
			document
				.getElementsByClassName("sxh_con")[0]
				.getElementsByClassName("fr")[1]
				.getElementsByTagName("h6")[0]
				.getElementsByTagName("a")[0].href = "https://tb.53kf.com/code/client/10132404/14";
			// 学员作品PHP
			document
				.getElementsByClassName("zuopin_wrap")[0]
				.getElementsByClassName("zuopin_list2")[0]
				.getElementsByClassName("width0")[0]
				.getElementsByTagName("a")[0].href = "https://tb.53kf.com/code/client/10132404/14";
			// 常见问题
			document
				.getElementsByClassName("cjwt_con")[0]
				.getElementsByTagName("h6")[0]
				.getElementsByTagName("a")[0].href = "https://tb.53kf.com/code/client/10132404/14";
		}

		if (!!location.hostname.match(/cd\.mobiletrain\.org|zz\.mobiletrain\.org|sh\.mobiletrain\.org/)) {
			// 技术要点
			document
				.getElementsByClassName("info_wrap")[0]
				.getElementsByTagName("ul")[0]
				.children[3].getElementsByTagName("h4")[0]
				.getElementsByTagName("a")[0].href = "https://tb.53kf.com/code/client/10132404/14";
		}
	</script>
	<!-- 2022/4/24 统一添加百度统计代码 -->
	<script>
		var _hmt = _hmt || [];
		(function () {
			var hm = document.createElement("script");
			hm.src = "https://hm.baidu.com/hm.js?ccee226f23893231ed7e2c97648fa555";
			var s = document.getElementsByTagName("script")[0];
			s.parentNode.insertBefore(hm, s);
		})();
	</script>
	<div class="c_bot">
		<div class="c_base clear">
			<div class="c_bot_lt">
				<div class="c_bot_lt_hd">
					<a href="javascript:void(0);" class="active">北京</a>
					<a href="javascript:void(0);">深圳</a>
					<a href="javascript:void(0);">上海</a>
					<a href="javascript:void(0);">广州</a>
					<a href="javascript:void(0);">郑州</a>
					<a href="javascript:void(0);">大连</a>
					<a href="javascript:void(0);">武汉</a>
					<a href="javascript:void(0);">成都</a>
					<a href="javascript:void(0);">西安</a>
					<a href="javascript:void(0);">杭州</a>
					<a href="javascript:void(0);">青岛</a>
					<a href="javascript:void(0);">重庆</a>
					<a href="javascript:void(0);">长沙</a>
					<a href="javascript:void(0);">哈尔滨</a>
					<a href="javascript:void(0);">南京</a>
					<a href="javascript:void(0);">太原</a>
					<a href="javascript:void(0);">沈阳</a>
					<a href="javascript:void(0);">合肥</a>
					<a href="javascript:void(0);">贵阳</a>
					<a href="javascript:void(0);">济南</a>
				</div>
				<ul>
					<li>
						<strong>北京总部地址：北京市海淀区宝盛北里西区28号中关村智诚科创大厦4层</strong><br />
						北京沙河校区：北京市昌平区沙阳路18号北京科技职业技术学院广场服务楼<br />
						咨询电话：<span>400-811-9990</span><br />
						面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、网络营销培训、好程序员<br />
						认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证
					</li>
					<li>
						深圳校区地址：深圳市宝安区宝安大道5010号西部硅谷B座A区6层A605/B座C区1层108<br />
						咨询电话：<span>400-811-9990</span><br />
						面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、网络营销培训、好程序员<br />
						认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证
					</li>
					<li>
						上海校区地址：上海市宝山区同济支路199号智慧七立方3号楼2-4层<br />
						咨询电话：<span>400-811-9990</span><br />
						面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、网络营销培训、好程序员<br />
						认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证
					</li>
					<li>
						广州校区地址：广州市白云区永平街永泰学山塘学山文化创意谷A1栋六楼<br />
						咨询电话：<span>400-811-9990</span><br />
						面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、网络营销培训、好程序员<br />
						认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证
					</li>
					<li>
						郑州二七区校区地址：郑州市二七区航海中路60号海为科技园C区10层<br />
						郑州高新区校区地址：郑州市高新区金梭路与银杏路交叉口教育科技产业园南门D座4层<br />
						咨询电话：<span>400-811-9990</span><br />
						面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、网络营销培训、好程序员<br />
						认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证
					</li>
					<li>
						大连校区地址：辽宁省大连市高新园区爱贤街10号大连设计城A座901<br />
						咨询电话：<span>400-811-9990</span><br />
						面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、网络营销培训、好程序员<br />
						认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证
					</li>
					<li>
						武汉金融港校区地址：武汉市东新区光谷大道77号金融港B18栋三、四层<br />
						咨询电话：<span>400-811-9990</span><br />
						面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、网络营销培训、好程序员<br />
						认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证
					</li>
					<li>
						成都校区地址：成都市高新区肖家河沿街138号肖家河大厦三楼<br />
						咨询电话：<span>400-811-9990</span><br />
						面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、网络营销培训、好程序员<br />
						认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证
					</li>
					<li>
						西安校区地址：西安市雁塔区高新六路52号立人科技C座西区4楼<br />
						咨询电话：<span>400-811-9990</span><br />
						面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、网络营销培训、好程序员<br />
						认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证
					</li>
					<li>
						杭州旺田校区：浙江省杭州市上城区九堡镇旺田书画城A座4层<br />
						咨询电话：<span>400-811-9990</span><br />
						面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、网络营销培训、好程序员<br />
						认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证
					</li>
					<li>
						青岛校区地址：青岛市市北区龙城路31号卓越世纪中心4号楼5层<br />
						咨询电话：<span>400-811-9990</span><br />
						面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、网络营销培训、好程序员<br />
						认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证
					</li>
					<li>
						重庆校区地址：重庆市九龙坡区科园一路3号渝高大厦9楼<br />
						咨询电话：<span>400-811-9990</span><br />
						面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、网络营销培训、好程序员<br />
						认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证
					</li>
					<li>
						长沙校区地址：湖南省长沙市岳麓区麓谷企业广场A2栋三单元306号<br />
						咨询电话：<span>400-811-9990</span><br />
						面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、网络营销培训、好程序员<br />
						认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证
					</li>
					<li>
						哈尔滨校区地址：哈尔滨市松北区世泽路689号 科技创新城4号楼405<br />
						咨询电话：<span>400-811-9990</span><br />
						面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、网络营销培训、好程序员<br />
						认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证
					</li>
					<li>
						南京校区地址：南京市建邺区应天大街780号弘辉产业园1栋2层<br />
						咨询电话：<span>400-811-9990</span><br />
						面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、网络营销培训、好程序员<br />
						认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证
					</li>
					<li>
						太原校区地址：太原市小店区长治路230号能源互联网大厦6层<br />
						咨询电话：<span>400-811-9990</span><br />
						面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、网络营销培训、好程序员<br />
						认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证
					</li>
					<li>
						沈阳校区地址：辽宁省沈阳市浑南区世纪路16号东大软件园B园B1座A201<br />
						咨询电话：<span>400-811-9990</span><br />
						面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、网络营销培训、好程序员<br />
						认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证
					</li>
					<li>
						合肥校区地址：合肥市包河区徽州大道396号东方广场B座12A<br />
						咨询电话：<span>400-811-9990</span><br />
						面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、网络营销培训、好程序员<br />
						认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证
					</li>
					<li>
						贵阳校区地址：贵阳市云岩区延安东路37号物资大厦老楼9楼<br />
						咨询电话：<span>400-811-9990</span><br />
						面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、网络营销培训、好程序员<br />
						认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证
					</li>
					<li>
						济南校区地址：济南市历下区历山路36号齐鲁师范学院利宝产业大厦3F<br />
						咨询电话：<span>400-811-9990 </span><br />
						面授课程：HTML5大前端培训、JavaEE+分布式开发培训、Python人工智能+数据分析培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、网络安全培训、区块链培训、影视剪辑包装培训、游戏原画培训、全媒体运营培训
						<br />
						认证课程：软考、Adobe认证、PMP认证、红帽RHCE认证
					</li>
				</ul>
			</div>
			<div class="c_bot_rg">
				<ul class="clear">
					<li style="padding-right: 15px">
						<img src="http://www.mobiletrain.org/images/c_bot_fxb.png?y=7" alt="千锋教育服务号" />
						<p>了解千锋动态<br />关注千锋教育服务号</p>
					</li>
					<li style="padding-right: 15px">
						<img
							src="http://www.mobiletrain.org/images/c_bot_mobile.png"
							width="120"
							height="120"
							alt="千锋教育移动站"
						/>
						<p>扫一扫快速进入<br />千锋移动端页面</p>
					</li>
					<li>
						<img src="http://www.mobiletrain.org/images/c_bot_wx.png" alt="千锋互联服务号" />
						<p>扫码匿名提建议<br />直达CEO信箱</p>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<div class="bottom_part3">
	<div class="c_footer base">
		<div class="c_footer_nav">
			<a href="http://www.mobiletrain.org/about/" target="_blank">关于千锋</a> |
			<a href="http://www.mobiletrain.org/about/contact.html" target="_blank">联系我们</a>
			|
			<a href="http://www.mobiletrain.org/cooperation/" target="_blank">企业合作</a>
			|
			<a href="http://www.mobiletrain.org/about/job.html" target="_blank">招贤纳士</a>
			|
			<a href="http://tb.53kf.com/code/client/10132404/3" style="cursor: pointer" target="_blank" rel="nofollow"
				>报名咨询</a
			>
			| <a href="http://video.mobiletrain.org/" target="_blank">学科视频</a> |
			<!--<a href="http://bbs.mobiletrain.org/forum.php" target="_blank">学员论坛</a> |-->
			<a href="http://www.mobiletrain.org/sitemap.html" target="_blank">网站地图</a>
		</div>
		<p>
			Copyright 2011-2020
			<a href="http://www.1000phone.com/" rel="nofollow" target="_blank" title="千锋互联"
				>北京千锋互联科技有限公司</a
			>
			<a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备12003911号-3 </a>

			<a
				target="_blank"
				href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802030320"
				style="display: inline-block; text-decoration: none; height: 20px; line-height: 20px"
			>
				<img
					src="http://img.mobiletrain.org/templates/mobiletrain/images/mo/index/beian-ico.png"
					style="float: left"
				/>
				京公网安备 11010802030320号
			</a>
			<script type="text/javascript">
				var cnzz_protocol = "https:" == document.location.protocol ? " https://" : " http://";
				document.write(
					unescape(
						"%3Cspan id='cnzz_stat_icon_1262673999'%3E%3C/span%3E%3Cscript src='" +
							cnzz_protocol +
							"s19.cnzz.com/z_stat.php%3Fid%3D1262673999%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"
					)
				);
			</script>
		</p>
	</div>
</div>

		<!-- 离线宝 -->
		<script>
var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?1e00d7d597fdcbdaa68026d7e9234722"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>
<script type="text/javascript" charset="utf-8" async src="http://lxbjs.baidu.com/lxb.js?sid=9035492"></script>
		<!-- mobiletrain.org Baidu tongji analytics -->
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?8476eece9c60a0472ab2fe5192361f66";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
		<script>
  var _hmt = _hmt || [];
  (function () {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?fbcc6be009a8726803aaeb6f2f042d9f";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
  })();
</script>
<script>
  var _hmt = _hmt || [];
  (function() {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?d0aee5e1c247f1033ce7a23e53264551";
    var s = document.getElementsByTagName("script")[0]; 
    s.parentNode.insertBefore(hm, s);
  })();
  </script>

		<script
			type="text/javascript"
			src="http://img.mobiletrain.org/templates/mobiletrain/js/jquery-1.11.3.min.js"
		></script>
		<!-- 53强制弹框 -->
		<!-- <script>
(function() {
	var _53code = document.createElement("script");
	_53code.src = "https://tb.53kf.com/code/code/10132404/7";
	var s = document.getElementsByTagName("script")[0]; 
	s.parentNode.insertBefore(_53code, s);})();
</script> -->
<script>window.SET53STYLE = '7';</script>
<script src="http://img.mobiletrain.org/templates/mobiletrain/js/ydtswt_pc_yd.js"></script>

		<script src="http://img.mobiletrain.org/templates/mobiletrain/js/php_new.js?2021"></script>
		<script src="http://img.mobiletrain.org/templates/mobiletrain/js/swiper.min.js"></script>
		<script src="http://img.mobiletrain.org/templates/mobiletrain/js/addBannerForm.js"></script>
		<script src="http://img.mobiletrain.org/templates/mobiletrain/js/qf-2020-html5.js"></script>
		<script src="http://img.mobiletrain.org/templates/mobiletrain/js/echarts.js"></script>
		<script src="http://img.mobiletrain.org/templates/mobiletrain/js/wow.min.js"></script>

		<script>
			var banner = new Swiper(".bannerHear", {
				loop: true,
				autoplay: true,
				pagination: {
					el: ".banner-pagination",
					clickable: true,
				},
			});
			new WOW().init();

			if ($(document).scrollTop() > 3050) {
				addAni();
			}
			window.onscroll = function () {
				var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
				if (scrollTop > 3050) {
					addAni();
				}
			};
			function addAni() {
				$(".echart-content div").each(function (index) {
					$(".echart-content div")
						.eq(index)
						.css({
							animation: "ani" + (index + 1) + " 1s forwards",
						});
				});
				$(".echart-content2 div").each(function (index) {
					$(".echart-content2 div")
						.eq(index)
						.css({
							animation: "ani2" + (index + 1) + " 1s forwards",
						});
				});
			}
		</script>
	</body>
</html>
